Comprehensive admin + user dashboards (production-ready)

app/(admin)/layout.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import { ShieldCheck, ArrowLeft } from "lucide-react";
 import { requireAdmin } from "@/lib/auth/guards";
 import { AdminSidebar } from "@/components/admin/admin-sidebar";
+import { AdminMobileNav } from "@/components/admin/admin-mobile-nav";
 import { UserMenu } from "@/components/app/user-menu";
 import { Button } from "@/components/ui/button";
 
@@ -14,12 +15,15 @@ export default async function AdminLayout({ children }: { children: React.ReactN
   return (
     <div className="flex min-h-screen flex-col">
       <header className="sticky top-0 z-30 flex h-16 items-center justify-between border-b border-border bg-background/85 px-4 backdrop-blur-md md:px-6">
-        <Link href="/admin" className="flex items-center gap-2.5 font-display font-bold tracking-tight">
-          <span className="flex h-9 w-9 items-center justify-center rounded-2xl bg-foreground text-background">
-            <ShieldCheck className="h-5 w-5" />
-          </span>
-          <span>PodcastYes Admin</span>
-        </Link>
+        <div className="flex items-center gap-1">
+          <AdminMobileNav />
+          <Link href="/admin" className="flex items-center gap-2.5 font-display font-bold tracking-tight">
+            <span className="flex h-9 w-9 items-center justify-center rounded-2xl bg-foreground text-background">
+              <ShieldCheck className="h-5 w-5" />
+            </span>
+            <span>PodcastYes Admin</span>
+          </Link>
+        </div>
         <div className="flex items-center gap-3">
           <Button asChild variant="ghost" size="sm">
             <Link href="/dashboard">