feat: Implement AI-driven lesson summaries, automate quiz generation, add gamification base, and introduce Studio organization management.

web/studio/src/app/layout.tsx

@@ -2,8 +2,8 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import Link from "next/link";
-import { AuthProvider, useAuth } from "@/context/AuthContext";
-import { BookOpen, LogOut, ShieldAlert } from "lucide-react";
+import { AuthProvider } from "@/context/AuthContext";
+import { BookOpen } from "lucide-react";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -12,29 +12,7 @@ export const metadata: Metadata = {
   description: "Create and manage high-fidelity educational content.",
 };
 
-function AuthHeader() {
-  "use client";
-  const { user, logout } = useAuth();
-  return (
-    <div className="flex items-center gap-4">
-      {user?.role === 'admin' && (
-        <Link href="/admin/audit" className="text-xs font-bold uppercase tracking-widest text-gray-400 hover:text-white transition-colors flex items-center gap-2">
-          <ShieldAlert size={16} /> Audit
-        </Link>
-      )}
-      {user && (
-        <>
-          <div className="w-8 h-8 rounded-full bg-white/10 border border-white/20 flex items-center justify-center font-bold text-xs">
-            {user.full_name.charAt(0)}
-          </div>
-          <button onClick={logout} className="p-2 hover:bg-white/10 rounded-full transition-colors">
-            <LogOut size={16} />
-          </button>
-        </>
-      )}
-    </div>
-  );
-}
+import AuthHeader from "@/components/AuthHeader";
 
 export default function RootLayout({
   children,