Reorganize admin into tabbed hubs with a condensed sidebar.

Replace the long flat nav with hub entries, shared AdminHubChrome tabs, and AdminPageShell. Existing URLs stay stable; Settings/Radio and other sections now share one chrome.

Co-authored-by: Cursor <[email protected]>

src/components/admin/admin-hub-chrome.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import type { ReactNode } from "react";
+import { AdminPageShell } from "@/components/admin/admin-page-shell";
+import { AdminSectionTabs } from "@/components/admin/admin-section-tabs";
+import { findAdminHub } from "@/lib/admin-nav";
+
+/**
+ * When the current path belongs to a hub, wraps children with a shared
+ * title + tab strip. Dashboard and unknown routes render children as-is.
+ */
+export function AdminHubChrome({ children }: { children: ReactNode }) {
+	const pathname = usePathname() ?? "";
+	const hub = findAdminHub(pathname);
+
+	if (!hub) return <>{children}</>;
+
+	return (
+		<AdminPageShell
+			icon={hub.icon}
+			title={hub.title}
+			subtitle={hub.subtitle}
+			tabs={<AdminSectionTabs tabs={hub.tabs} />}
+			className="admin-hub-panel"
+		>
+			{children}
+		</AdminPageShell>
+	);
+}