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/app/admin/settings/page.tsx

@@ -1,5 +1,3 @@
-import { Cog, ExternalLink } from "lucide-react";
-import Link from "next/link";
 import { redirect } from "next/navigation";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { prisma } from "@/lib/prisma";
@@ -10,13 +8,6 @@ import { CmsSettingsForm } from "./cms-settings-form";
 export const dynamic = "force-dynamic";
 export const metadata = { title: "CMS Settings" };
 
-const RELATED = [
-	{ href: "/admin/theme", label: "Theme & colors" },
-	{ href: "/admin/maintenance", label: "Maintenance" },
-	{ href: "/admin/vpn", label: "VPN / proxy block" },
-	{ href: "/admin/emulator", label: "Emulator config" },
-] as const;
-
 export default async function AdminSettings() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.SETTINGS_VIEW, session.user.rank)) {
@@ -49,34 +40,6 @@ export default async function AdminSettings() {
 
 	return (
 		<div className="space-y-8">
-			<div className="flex flex-wrap items-start justify-between gap-4">
-				<div className="flex items-center gap-3">
-					<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
-						<Cog size={20} className="text-[var(--admin-accent)]" />
-					</div>
-					<div>
-						<h1 className="m-0 text-2xl font-extrabold tracking-tight text-[var(--admin-text)]">
-							CMS Settings
-						</h1>
-						<p className="m-0 mt-0.5 text-sm text-[var(--admin-text-muted)]">
-							Configure hotel identity, imaging, client, radio and security.
-						</p>
-					</div>
-				</div>
-				<div className="flex flex-wrap gap-2">
-					{RELATED.map((item) => (
-						<Link
-							key={item.href}
-							href={item.href}
-							className="inline-flex items-center gap-1.5 rounded-full border border-[var(--admin-border)] bg-[var(--admin-surface)] px-3 py-1.5 text-xs font-semibold text-[var(--admin-text)] no-underline hover:border-[var(--admin-accent)] transition-colors"
-						>
-							{item.label}
-							<ExternalLink size={12} className="opacity-60" />
-						</Link>
-					))}
-				</div>
-			</div>
-
 			<div className="admin-stat-row">
 				<span className="admin-stat-chip">
 					{settings.length} keys in database