Enhancement: Moved from react to vite

package.json

@@ -12,6 +12,7 @@
     "@types/pako": "^2.0.0",
     "@types/styled-components": "^5.1.24",
     "@types/yargs": "^17.0.24",
+    "@vitejs/plugin-react": "^4.0.0",
     "addressparser": "^1.0.1",
     "atob": "^2.1.2",
     "base64-sol": "^1.1.0",
@@ -19,6 +20,7 @@
     "circomlib": "^2.0.3",
     "circomlibjs": "^0.1.2",
     "cryo": "^0.0.6",
+    "crypto-browserify": "^3.12.0",
     "ethereumjs-abi": "^0.6.8",
     "ethers": "^5.7.1",
     "forge-std": "^1.1.2",
@@ -36,7 +38,6 @@
     "react-json-view": "^1.21.3",
     "react-router": "^6.2.2",
     "react-router-dom": "^6.2.2",
-    "react-scripts": "^4",
     "react-use": "^17.3.2",
     "readline": "^1.3.0",
     "serve": "^14.0.1",
@@ -45,6 +46,10 @@
     "styled-components": "^5.3.5",
     "ts-node": "^10.9.1",
     "typescript": "^4.8.3",
+    "update-browserslist-db": "latest",
+    "vite": "^4.3.3",
+    "vite-plugin-svgr": "^2.4.0",
+    "vite-tsconfig-paths": "^4.2.0",
     "wagmi": "^0.6.8",
     "web-vitals": "^2.1.4",
     "yargs": "^17.7.1"
@@ -53,8 +58,9 @@
     "react-error-overlay": "6.0.9"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "vite",
+    "build": "tsc && vite build",
+    "serve": "vite preview",
     "both-build": "react-scripts build && next build",
     "next-build": "next build",
     "test": "react-scripts test --runInBand --testPathIgnorePatterns='e2e|src/contracts/lib' --reporters=default --reporters=jest-junit",
@@ -97,11 +103,15 @@
     "browserstack-node-sdk": "^1.6.1",
     "husky": "^8.0.3",
     "jest-junit": "^15.0.0",
+    "madge": "^6.0.0",
     "msw": "^1.0.1",
     "nodemon": "^2.0.19",
     "puppeteer": "18.1",
     "selenium-webdriver": "^4.8.1",
-    "ts-node-dev": "^2.0.0"
+    "ts-node-dev": "^2.0.0",
+    "vite-plugin-commonjs": "^0.7.0",
+    "vite-plugin-ngmi-polyfill": "^0.0.2",
+    "vite-preset-react": "^2.3.0"
   },
   "jest": {
     "transformIgnorePatterns": [