Fix navigation

frontend/src/App.tsx

@@ -8,9 +8,9 @@ function App() {
   return (
     <BrowserRouter>
       <Routes>
-        <Route path="/" element={<GamesGrid />} />
-        <Route path="/games/:id" element={<GameDetails />} />
-        <Route path="/my-ratings" element={<MyRatings />} />
+        <Route path="/project2" element={<GamesGrid />} />
+        <Route path="/project2/games/:id" element={<GameDetails />} />
+        <Route path="/project2/my-ratings" element={<MyRatings />} />
       </Routes>
     </BrowserRouter>
   );

frontend/src/components/Header/Header.tsx

@@ -20,10 +20,10 @@ export default function Header() {
 
   // From other pages, fall back to the grid's last persisted query.
   const homeQuery =
-    location.pathname === "/"
+    location.pathname === "/project2"
       ? searchParams.toString()
       : sessionStorage.getItem(GRID_QUERY_STORAGE_KEY) ?? "";
-  const homeHref = homeQuery ? `/?${homeQuery}` : "/";
+  const homeHref = homeQuery ? `/project2/?${homeQuery}` : "/project2";
 
   // Adjusted during render, not an effect, so in-progress typing isn't clobbered.
   const [prevCommittedSearch, setPrevCommittedSearch] = useState(committedSearch);
@@ -41,7 +41,7 @@ export default function Header() {
     } else {
       params.delete("search");
     }
-    navigate(`/?${params.toString()}`);
+    navigate(`/project2/?${params.toString()}`);
   }
 
   return (
@@ -64,7 +64,7 @@ export default function Header() {
         </InputGroup>
       </Form>
 
-      <Link className={styles.link} to="/my-ratings">
+      <Link className={styles.link} to="/project2/my-ratings">
         My Ratings
       </Link>
     </header>

frontend/vite.config.ts

@@ -8,4 +8,5 @@ export default defineConfig({
     react(),
     babel({ presets: [reactCompilerPreset()] })
   ],
+  base: '/project2'
 })