chore: migration material UI

.env.example

@@ -1,4 +1,3 @@
 NEXT_PUBLIC_RPC_URL= # Example: https://localhost:8545
-NEXT_PUBLIC_PROJECT_ID= # Example API from WalletConnect: ""
-NEXT_PUBLIC_ALCHEMY_KEY= # API key from Alchemy 
-NEXT_PUBLIC_BASE_PATH= #"/some-base-path"
+NEXT_PUBLIC_PROJECT_ID= # API from WalletConnect
+NEXT_PUBLIC_ALCHEMY_KEY= # API key from Alchemy 

README.md

@@ -15,12 +15,12 @@
 3. Install the project dependencies by running:
 
    ```bash
-   yarn install
+   pnpm install
    ```
 
 ## Available Scripts
 
-Available scripts that can be run using `yarn`:
+Available scripts that can be run using `pnpm`:
 
 | Script         | Description                                                  |
 | -------------- | ------------------------------------------------------------ |
@@ -33,8 +33,8 @@ Available scripts that can be run using `yarn`:
 | `prettier:fix` | Format code using Prettier and automatically fix issues.     |
 | `format`       | Run Prettier and ESLint to format and fix code issues.       |
 | `format:check` | Check code formatting and linting without making changes.    |
-| `test`         | Run unit tests using - .                                 |
-| `test:watch`   | Run - in watch mode.                                    |
+| `test`         | Run tests using Cypress                                 |
+| `test:watch`   | Run Cypress in watch mode.                                    |
 
 ## Technologies Used
 

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "web3-react-boilerplate-private",
+  "name": "web3-react-boilerplate",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -20,13 +20,21 @@
     "format": "yarn run prettier:fix && yarn run lint:fix",
     "format:check": "yarn run prettier && yarn run lint",
     "prepare": "husky install && wonderland-crypto-husky-checks install",
-    "test": "yarn cypress run"
+    "test": "yarn cypress run",
+    "test:watch": "yarn cypress open"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": "eslint --cache --fix",
     "src/**/*.{js,jsx,ts,tsx,css,scss,md,html}": "prettier --write --ignore-unknown"
   },
   "dependencies": {
+    "@emotion/cache": "11.11.0",
+    "@emotion/react": "11.11.3",
+    "@emotion/server": "11.11.0",
+    "@emotion/styled": "11.11.0",
+    "@mui/icons-material": "5.15.6",
+    "@mui/material": "5.15.14",
+    "@mui/material-nextjs": "5.15.11",
     "@next/eslint-plugin-next": "14.1.3",
     "@rainbow-me/rainbowkit": "2.0.2",
     "@tanstack/react-query": "5.28.0",