UI/UX enhancements: refined footer layout, dashboard sidebar fixes, header tweaks, and theme alignment

src/app/admin/layout.tsx

@@ -1,18 +1,15 @@
 "use client"
 
-import { ReactNode, useEffect } from "react"
+import { ReactNode } from "react"
 import { LayoutDashboard, Users, Database, Terminal, Settings, FileText, Tag } from "lucide-react"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
 import { Logo } from "@/components/Logo"
+import { AdminThemeToggle } from "@/components/AdminThemeToggle"
 
 export default function AdminLayout({ children }: { children: ReactNode }) {
   const pathname = usePathname()
 
-  useEffect(() => {
-    document.documentElement.classList.add('dark');
-  }, []);
-
   return (
     <div className="flex h-screen bg-background overflow-hidden text-foreground selection:bg-[#00F0FF]/20">
       {/* Sidebar */}
@@ -35,9 +32,16 @@ export default function AdminLayout({ children }: { children: ReactNode }) {
       </aside>
       
       {/* Main Content */}
-      <main className="flex-1 overflow-y-auto bg-background">
-        {children}
-      </main>
+      <div className="flex-1 flex flex-col h-screen overflow-hidden">
+        {/* Top bar with theme toggle */}
+        <header className="h-14 border-b border-border bg-background/95 backdrop-blur-md flex items-center justify-between px-6 shrink-0">
+          <p className="text-sm font-bold text-muted-foreground uppercase tracking-widest">PragatiVeer Admin</p>
+          <AdminThemeToggle />
+        </header>
+        <main className="flex-1 overflow-y-auto bg-background">
+          {children}
+        </main>
+      </div>
     </div>
   )
 }