Initial commit.

src/routes/__root.tsx

@@ -0,0 +1,55 @@
+import { Link, Outlet, createRootRoute } from "@tanstack/react-router";
+import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+import { AuthProvider } from "@/context/auth/AuthContext";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const queryClient = new QueryClient();
+
+/** Root of the application */
+export const Route = createRootRoute({
+  component: () => (
+    <QueryClientProvider client={queryClient}>
+      <AuthProvider>
+        <header className="flex items-center justify-between px-8 py-4 border-b border-slate-700 bg-slate-900">
+          <h1 className="text-2xl font-bold text-slate-100 m-0">
+            DM's Table Companion
+          </h1>
+          <nav aria-label="Main navigation" className="flex gap-6">
+            <Link
+              to="/campaigns"
+              className="no-underline text-slate-200 hover:text-violet-400 transition-colors font-medium border-b-2 border-transparent pb-1"
+              activeProps={{
+                className:
+                  "no-underline text-violet-400 border-violet-400 border-b-2 pb-1",
+              }}
+            >
+              Campaigns
+            </Link>
+            <Link
+              to="/sessions"
+              className="no-underline text-slate-200 hover:text-violet-400 transition-colors font-medium border-b-2 border-transparent pb-1"
+              activeProps={{
+                className:
+                  "no-underline text-violet-400 border-violet-400 border-b-2 pb-1",
+              }}
+            >
+              Sessions
+            </Link>
+            <Link
+              to="/about"
+              className="no-underline text-slate-200 hover:text-violet-400 transition-colors font-medium border-b-2 border-transparent pb-1"
+              activeProps={{
+                className:
+                  "no-underline text-violet-400 border-violet-400 border-b-2 pb-1",
+              }}
+            >
+              About
+            </Link>
+          </nav>
+        </header>
+        <Outlet />
+        <TanStackRouterDevtools />
+      </AuthProvider>
+    </QueryClientProvider>
+  ),
+});