Fix: Browser polyfills and clean routing paths

frontend/index.html

@@ -16,6 +16,10 @@
     <noscript>
       You need to enable JavaScript to run this app.
     </noscript>
+    <script>
+      window.process = { env: { NODE_ENV: 'development' } };
+      window.global = window;
+    </script>
     <div id="root"></div>
     <script type="module" src="/src/index.tsx"></script>
   </body>

frontend/src/index.tsx

@@ -1,6 +1,7 @@
 import { Buffer } from "buffer"
 if (typeof window !== "undefined") {
     window.Buffer = Buffer;
+    window.process = { env: { NODE_ENV: "development" } };
 }
 import React from "react"
 import { createRoot } from "react-dom/client"

frontend/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

frontend/vite.config.ts

@@ -9,5 +9,12 @@ export default defineConfig({
     'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
     'process.env': {},
     'global': 'globalThis'
+  },
+  server: {
+    fs: {
+      allow: [
+        '..', // Allow access to monorepo root (for node_modules, etc.)
+      ]
+    }
   }
 })