Clean up admin hub UX: tabs, chrome, and redundant headers.

Wire orphan routes into hub tabs, group Radio into primary/tools rows, show theme/language once on desktop, and remove duplicate page titles under AdminHubChrome.

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

src/app/admin/radio/api-keys/page.tsx

@@ -1,5 +1,3 @@
-import { Key } from "lucide-react";
-import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import {
 	createApiKey,
@@ -71,30 +69,7 @@ export default async function AdminRadioApiKeysPage() {
 
 	return (
 		<main>
-			<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
-				<Link href="/admin/radio">{t("title")}</Link> ·{" "}
-				<Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
-				<Link href="/admin/radio/api-keys">{t("apiKeys")}</Link> ·{" "}
-				<Link href="/admin/radio/autodj">{t("autoDj")}</Link> ·{" "}
-				<Link href="/admin/radio/embed">{t("embed")}</Link> ·{" "}
-				<Link href="/admin/radio/points">{t("points")}</Link> ·{" "}
-				<Link href="/admin/radio/monitoring">{t("monitoring.title")}</Link>
-			</nav>
-
 			<section className="mt-6">
-				<div className="flex items-center gap-3 mb-6">
-					<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">
-						<Key size={20} className="text-[var(--admin-accent)]" />
-					</div>
-					<div>
-						<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
-							{t("apiKeysForm.title")}
-						</h1>
-						<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
-							{t("apiKeysForm.subtitle")}
-						</p>
-					</div>
-				</div>
 
 				{dbError ? (
 					<div className="admin-card" style={{ marginTop: "1rem" }}>