fix: add root HTML shell to dashboard layout

The (dashboard) route group was missing its own root layout with
html/body tags, globals.css import, fonts, and ThemeProvider.
Since there's no shared app/layout.tsx (each route group has its own),
the dashboard was rendering without any CSS or theme support.

Now matches the (main) layout structure with proper HTML shell.

Co-authored-by: dashboard <dashboard@miriad.systems>

Author: Miriad

app/(dashboard)/layout.tsx

@@ -1,7 +1,33 @@
+import "../globals.css";
+
+import type { Metadata } from "next";
+import { Nunito, Inter } from "next/font/google";
+import { cn } from "@/lib/utils";
+import { ThemeProvider } from "@/components/theme-provider";
 import { createClient } from "@/lib/supabase/server";
 import { AppSidebar } from "@/components/app-sidebar";
 import { SiteHeader } from "@/components/site-header";
 import { SidebarProvider, SidebarInset } from "@/components/ui/sidebar";
+import { Toaster } from "@/components/ui/sonner";
+
+const nunito = Nunito({
+	subsets: ["latin"],
+	display: "swap",
+	variable: "--font-nunito",
+});
+const inter = Inter({
+	subsets: ["latin"],
+	display: "swap",
+	variable: "--font-inter",
+});
+
+export const metadata: Metadata = {
+	title: {
+		template: "%s | CodingCat.dev Dashboard",
+		default: "Content Ops Dashboard | CodingCat.dev",
+	},
+	description: "Manage your automated content engine",
+};
 
 export default async function DashboardLayout({
 	children,
@@ -19,19 +45,37 @@ export default async function DashboardLayout({
 		user = data?.user ?? null;
 	}
 
-	if (!user) {
-		return <>{children}</>;
-	}
-
 	return (
-		<SidebarProvider>
-			<AppSidebar user={user} />
-			<SidebarInset>
-				<SiteHeader />
-				<main className="flex flex-1 flex-col gap-4 p-4 md:p-6">
-					{children}
-				</main>
-			</SidebarInset>
-		</SidebarProvider>
+		<html lang="en" suppressHydrationWarning>
+			<body
+				className={cn(
+					"min-h-screen bg-background font-sans antialiased",
+					nunito.variable,
+					inter.variable,
+				)}
+			>
+				<ThemeProvider
+					attribute="class"
+					defaultTheme="system"
+					enableSystem
+					disableTransitionOnChange
+				>
+					{!user ? (
+						<>{children}</>
+					) : (
+						<SidebarProvider>
+							<AppSidebar user={user} />
+							<SidebarInset>
+								<SiteHeader />
+								<main className="flex flex-1 flex-col gap-4 p-4 md:p-6">
+									{children}
+								</main>
+							</SidebarInset>
+						</SidebarProvider>
+					)}
+					<Toaster />
+				</ThemeProvider>
+			</body>
+		</html>
 	);
 }