Feat: Wallet connect

package.json

@@ -17,7 +17,6 @@
     "start:main": "cross-env NODE_ENV=staging pnpm r webpack:main:stage start:electron",
     "start:main:dev": "cross-env NODE_ENV=development pnpm r webpack:main:dev start:electron",
     "watch": "nodemon --watch src/main --watch src/renderer/bridge --watch src/shared --ignore src/main/resources --ext \"*\" --exec",
-
     "webpack:renderer:dev": "webpack serve --config webpack/webpack.renderer.dev.ts",
     "webpack:renderer:stage": "webpack serve --config webpack/webpack.renderer.stage.ts",
     "webpack:renderer:prod": "webpack --config webpack/webpack.renderer.prod.ts",
@@ -78,6 +77,13 @@
     "@substrate/connect": "^0.7.26",
     "@substrate/txwrapper-orml": "^7.0.1",
     "@substrate/txwrapper-polkadot": "^7.0.1",
+    "@walletconnect/core": "^2.10.0",
+    "@walletconnect/modal": "^2.6.1",
+    "@walletconnect/sign-client": "^2.10.0",
+    "@walletconnect/types": "^2.10.0",
+    "@walletconnect/universal-provider": "^2.10.0",
+    "@walletconnect/utils": "^2.10.0",
+    "@web3modal/react": "^2.7.1",
     "@zxing/browser": "^0.1.3",
     "@zxing/library": "^0.20.0",
     "bignumber.js": "^9.0.2",
@@ -100,6 +106,7 @@
     "lottie-react": "^2.4.0",
     "parity-scale-codec": "^0.6.1",
     "patronum": "^1.19.1",
+    "qr-code-styling": "1.6.0-rc.1",
     "qrcode-generator": "^1.4.4",
     "raptorq": "^1.7.22",
     "react": "^18.2.0",
@@ -141,6 +148,7 @@
     "@types/jest": "^28.1.4",
     "@types/lodash": "^4.14.182",
     "@types/node": "^18.0.0",
+    "@types/qrcode": "^1.5.1",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
     "@types/react-lottie": "^1.2.6",