migrate to vite and vitest from cra and jest

package.json

@@ -10,6 +10,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
+    "@json2csv/plainjs": "^7.0.1",
     "@mdi/js": "^6.6.96",
     "@monaco-editor/react": "^4.4.4",
     "@mui/icons-material": "^5.10.16",
@@ -33,7 +34,6 @@
     "firebaseui": "^6.0.1",
     "jotai": "^1.8.4",
     "json-stable-stringify-without-jsonify": "^1.0.1",
-    "json2csv": "^5.0.7",
     "jszip": "^3.10.0",
     "lodash-es": "^4.17.21",
     "match-sorter": "^6.3.1",
@@ -62,7 +62,6 @@
     "react-markdown": "^8.0.3",
     "react-router-dom": "6.3.0",
     "react-router-hash-link": "^2.4.3",
-    "react-scripts": "^5.0.1",
     "react-usestateref": "^1.0.8",
     "react-virtual": "^2.10.4",
     "remark-gfm": "^3.0.1",
@@ -74,17 +73,18 @@
     "typescript": "^4.9.3",
     "use-algolia": "^1.5.3",
     "use-async-memo": "^1.2.4",
-    "use-debounce": "^8.0.0",
+    "use-debounce": "^9.0.4",
     "use-memo-value": "^1.0.1",
     "web-vitals": "^2.1.4",
     "workbox-webpack-plugin": "^6.5.4"
   },
   "scripts": {
-    "start": "cross-env PORT=7699 craco start",
-    "startWithEmulators": "cross-env PORT=7699 REACT_APP_FIREBASE_EMULATORS=true craco start",
+    "start": "vite --port 7699",
+    "startWithEmulators": "VITE_APP_FIREBASE_EMULATORS=true vite --port 7699",
     "emulators": "firebase emulators:start --only firestore,auth --import ./emulators/ --export-on-exit",
-    "test": "craco test --env ./src/test/custom-jest-env.js --verbose --detectOpenHandles",
-    "build": "craco build",
+    "test": "vitest",
+    "build": "tsc && vite build",
+    "preview": "vite preview --port 7699",
     "analyze": "source-map-explorer ./build/static/js/*.js",
     "prepare": "husky install",
     "env": "node createDotEnv",
@@ -154,7 +154,6 @@
     "@types/dompurify": "^2.3.3",
     "@types/file-saver": "^2.0.5",
     "@types/jest": "^27.4.1",
-    "@types/json2csv": "^5.0.3",
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^17.0.23",
     "@types/react": "^18.0.25",
@@ -167,6 +166,8 @@
     "@types/seedrandom": "^3.0.2",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
     "craco-alias": "^3.0.1",
     "craco-swc": "^0.5.1",
     "cross-env": "^7.0.3",
@@ -176,6 +177,7 @@
     "eslint-plugin-local-rules": "^1.1.0",
     "eslint-plugin-no-relative-import-paths": "^1.2.0",
     "eslint-plugin-tsdoc": "^0.2.16",
+    "happy-dom": "^9.20.3",
     "husky": ">=7.0.4",
     "lint-staged": ">=12.3.7",
     "monaco-editor": "^0.33.0",
@@ -183,7 +185,11 @@
     "raw-loader": "^4.0.2",
     "source-map-explorer": "^2.5.2",
     "ts-jest": "^28.0.2",
-    "typedoc": "^0.23.21"
+    "typedoc": "^0.23.21",
+    "vite": "^4.3.9",
+    "vite-plugin-svgr": "^3.2.0",
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^0.31.4"
   },
   "resolutions": {
     "@types/react": "^18"