fix: mobile layout for Connect Modal (#130)

* fix: mobile layout for Connect Modal

* feat: add tailwind-merge

* fix: conflict of global styles and tailwindcss

package.json

@@ -25,17 +25,17 @@
     "node": ">=22.0.0"
   },
   "dependencies": {
+    "@bitcoin-js/tiny-secp256k1-asmjs": "2.2.3",
     "@bitcoinerlab/secp256k1": "^1.1.1",
     "@keystonehq/animated-qr": "^0.8.6",
     "@keystonehq/keystone-sdk": "^0.4.1",
     "@keystonehq/sdk": "0.21.3",
     "@scure/bip32": "^1.4.0",
     "@tanstack/react-query": "^5.28.14",
     "@tanstack/react-query-next-experimental": "^5.28.14",
-    "axios": "^1.7.4",
     "@uidotdev/usehooks": "^2.4.1",
+    "axios": "^1.7.4",
     "bitcoinjs-lib": "6.1.5",
-    "@bitcoin-js/tiny-secp256k1-asmjs": "2.2.3",
     "btc-staking-ts": "^0.2.10",
     "date-fns": "^3.6.0",
     "decimal.js-light": "^2.5.1",
@@ -49,10 +49,12 @@
     "react-responsive-modal": "^6.4.2",
     "react-tooltip": "^5.26.4",
     "sharp": "^0.33.4",
+    "tailwind-merge": "^2.5.2",
     "url-safe-base64": "^1.3.0",
     "usehooks-ts": "^3.0.2"
   },
   "devDependencies": {
+    "postcss-import": "^16.1.0",
     "@babel/core": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-react": "^7.24.7",

postcss.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    "postcss-import": {},
     tailwindcss: {},
     autoprefixer: {},
   },