Intake form

js/src/app/providers/QueryProvider.tsx

@@ -1,7 +1,8 @@
-import { queryClient } from "@/lib/api/queryClient";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { ReactNode } from "react";
 
+import { queryClient } from "@/lib/api/queryClient";
+
 export default function QueryProvider({ children }: { children: ReactNode }) {
   return (
     <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>

js/src/app/router/guards/RequireAdmin.tsx

@@ -1,6 +1,7 @@
-import { useSession } from "@/lib/api/useSession";
 import { Navigate, Outlet } from "react-router-dom";
 
+import { useSession } from "@/lib/api/useSession";
+
 /**
  * Route guard: render the nested routes only for an admin. Assumes it is nested
  * under RequireAuth, so the session is already resolved here; non-admins are sent

js/src/app/router/guards/RequireAuth.tsx

@@ -1,7 +1,8 @@
-import { useSession } from "@/lib/api/useSession";
 import { Center, Loader } from "@mantine/core";
 import { Navigate, Outlet } from "react-router-dom";
 
+import { useSession } from "@/lib/api/useSession";
+
 /**
  * Route guard: render the nested routes only for an authenticated user.
  * While the session is loading, show a spinner; if there is no session, redirect

js/src/app/router/router.tsx

@@ -1,18 +1,23 @@
+import { createBrowserRouter } from "react-router-dom";
+
 import { AdminLayout } from "@/app/layouts/AdminLayout";
 import { AppLayout } from "@/app/layouts/AppLayout";
 import { PublicLayout } from "@/app/layouts/PublicLayout";
 import { RequireAdmin } from "@/app/router/guards/RequireAdmin";
 import { RequireAuth } from "@/app/router/guards/RequireAuth";
 import HomePage from "@/features/home/Home.page";
+import IntakePage from "@/features/intake/intake.page";
 import SamplePage from "@/features/sample/Sample.page";
 import SampleAdminPage from "@/features/sample/SampleAdmin.page";
-import { createBrowserRouter } from "react-router-dom";
 
 export const router = createBrowserRouter([
   // Public: no guard, public chrome.
   {
     element: <PublicLayout />,
-    children: [{ index: true, element: <HomePage /> }],
+    children: [
+      { index: true, element: <HomePage /> },
+      { path: "intake", element: <IntakePage /> },
+    ],
   },
 
   // Authenticated: guard -> layout -> page. Admin nests a second guard + layout.

js/src/features/home/Home.page.tsx

@@ -9,6 +9,9 @@ export default function HomePage() {
       <Text>
         Monthly one-on-one coffee chat pairings for the Patina Network.
       </Text>
+      <Anchor component={Link} to="/intake">
+        Complete the intake form
+      </Anchor>
       <Anchor component={Link} to="/sample">
         Go to the app
       </Anchor>