chore(web): migrate to vite v4 (#214)

Updated vite to v4 and update the react-plugin to support the v4 changes. Made sure dev port was stays consistent and manually set it to :3000

web/package.json

@@ -20,7 +20,7 @@
     "@types/node": "^16.11.26",
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
-    "@vitejs/plugin-react": "^1.3.2",
+    "@vitejs/plugin-react": "^3.0.1",
     "dayjs": "^1.11.7",
     "focus-trap-react": "^9.0.2",
     "framer-motion": "^8.0.2",
@@ -32,7 +32,7 @@
     "react-markdown": "^8.0.1",
     "remark-gfm": "^3.0.1",
     "typescript": "^4.6.3",
-    "vite": "^2.9.13",
+    "vite": "^4.0.4",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

web/vite.config.ts

@@ -5,6 +5,9 @@ import react from "@vitejs/plugin-react";
 export default defineConfig({
   plugins: [react()],
   base: "./",
+  server: {
+    port: 3000,
+  },
   build: {
     outDir: "build",
     target: "esnext",