Fix auth de-auth on navigation, merge dashboards, smart logo navigation

- Add AuthProvider context for shared app-wide auth state (no per-page session re-fetch)
- Create NavLogo component: links to /kid-dashboard when logged in, / when not
- Merge parent/kid dashboards: /dashboard redirects to /kid-dashboard
- OAuth callback redirects to /kid-dashboard
- Remove Parent button, add Screening + Community quick links
- Add back navigation to game pages and subpages
- Update all /dashboard links across 34 files

Author: Partha-dev01

app/api/auth/callback/google/route.ts

@@ -97,7 +97,7 @@ export async function GET(request: NextRequest) {
     const sessionToken = await createSessionForUser(user.id);
 
     // ─── Set cookie & redirect ────────────────────────────────────
-    const response = NextResponse.redirect(`${appUrl}/dashboard`);
+    const response = NextResponse.redirect(`${appUrl}/kid-dashboard`);
 
     response.cookies.set(sessionCookieName, sessionToken, {
       httpOnly: true,

app/components/NavLogo.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import Link from "next/link";
+import { useAuth } from "../hooks/useAuth";
+
+export default function NavLogo() {
+  const { isAuthenticated } = useAuth();
+
+  return (
+    <Link href={isAuthenticated ? "/kid-dashboard" : "/"} className="logo">
+      Auti<em>Sense</em>
+    </Link>
+  );
+}

app/components/Providers.tsx

@@ -0,0 +1,7 @@
+"use client";
+
+import { AuthProvider } from "../contexts/AuthContext";
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+  return <AuthProvider>{children}</AuthProvider>;
+}

app/contexts/AuthContext.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { createContext, useState, useEffect, useCallback, type ReactNode } from "react";
+
+export interface AuthUser {
+  id: string;
+  email: string;
+  name: string;
+  picture: string;
+}
+
+export interface AuthContextValue {
+  user: AuthUser | null;
+  loading: boolean;
+  isAuthenticated: boolean;
+  refresh: () => Promise<void>;
+  logout: () => Promise<void>;
+}
+
+export const AuthContext = createContext<AuthContextValue>({
+  user: null,
+  loading: true,
+  isAuthenticated: false,
+  refresh: async () => {},
+  logout: async () => {},
+});
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+  const [user, setUser] = useState<AuthUser | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  const fetchSession = useCallback(async () => {
+    try {
+      setLoading(true);
+      const res = await fetch("/api/auth/session", {
+        credentials: "include",
+      });
+      if (res.ok) {
+        const data = await res.json();
+        setUser(data.user ?? null);
+      } else {
+        setUser(null);
+      }
+    } catch {
+      setUser(null);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchSession();
+  }, [fetchSession]);
+
+  const logout = useCallback(async () => {
+    try {
+      await fetch("/api/auth/logout", {
+        method: "POST",
+        credentials: "include",
+      });
+    } catch {
+      // Ignore network errors — still clear local state
+    }
+    setUser(null);
+    window.location.href = "/";
+  }, []);
+
+  return (
+    <AuthContext.Provider
+      value={{
+        user,
+        loading,
+        isAuthenticated: !!user,
+        refresh: fetchSession,
+        logout,
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+}

app/dashboard/child/[id]/page.tsx

@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import { useState, useEffect, useCallback, use } from "react";
+import NavLogo from "../../../components/NavLogo";
 import { getProfile } from "../../../lib/db/childProfile.repository";
 import { listSessions } from "../../../lib/db/session.repository";
 import { aggregateBiomarkers } from "../../../lib/db/biomarker.repository";
@@ -123,9 +124,7 @@ export default function ChildDetailPage({
     <div className="page">
       {/* Nav */}
       <nav className="nav">
-        <Link href="/" className="logo">
-          Auti<em>Sense</em>
-        </Link>
+        <NavLogo />
         <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
           <button
             onClick={() => setTheme((t) => (t === "light" ? "dark" : "light"))}
@@ -145,7 +144,7 @@ export default function ChildDetailPage({
       >
         {/* Back */}
         <Link
-          href="/dashboard"
+          href="/kid-dashboard"
           className="btn btn-outline"
           style={{
             minHeight: 40,