feat(admin): items_base browser and AdminPageShell on core pages

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

src/app/admin/settings/page.tsx

@@ -1,5 +1,7 @@
+import { Settings } from "lucide-react";
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
+import { AdminPageShell } from "@/components/admin/admin-page-shell";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { prisma } from "@/lib/prisma";
 import { AdvancedSettingsPanel } from "./advanced-settings-panel";
@@ -41,29 +43,31 @@ export default async function AdminSettings() {
 	const documented = settings.filter((s) => !!s.comment).length;
 
 	return (
-		<div className="space-y-8">
-			<div className="admin-stat-row">
-				<span className="admin-stat-chip">
-					{t("keysInDatabase", { count: settings.length })}
-				</span>
-				<span className="admin-stat-chip">
-					{t("managedInForm", { count: MANAGED_SETTING_KEYS.length })}
-				</span>
-				<span className="admin-stat-chip">
-					{t("documented", { count: documented })}
-				</span>
+		<AdminPageShell icon={Settings} title={t("title")} subtitle={t("subtitle")}>
+			<div className="space-y-8">
+				<div className="admin-stat-row">
+					<span className="admin-stat-chip">
+						{t("keysInDatabase", { count: settings.length })}
+					</span>
+					<span className="admin-stat-chip">
+						{t("managedInForm", { count: MANAGED_SETTING_KEYS.length })}
+					</span>
+					<span className="admin-stat-chip">
+						{t("documented", { count: documented })}
+					</span>
+				</div>
+
+				<CmsSettingsForm values={values} canEdit={canEdit} />
+
+				<AdvancedSettingsPanel
+					settings={settings.map((s) => ({
+						key: s.key,
+						value: s.value,
+						comment: s.comment,
+					}))}
+					canEdit={canEdit}
+				/>
 			</div>
-
-			<CmsSettingsForm values={values} canEdit={canEdit} />
-
-			<AdvancedSettingsPanel
-				settings={settings.map((s) => ({
-					key: s.key,
-					value: s.value,
-					comment: s.comment,
-				}))}
-				canEdit={canEdit}
-			/>
-		</div>
+		</AdminPageShell>
 	);
 }