feat(admin): configurable sidebar menu order and visibility

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

src/app/admin/menu/page.tsx

@@ -0,0 +1,49 @@
+import { ListOrdered } from "lucide-react";
+import { redirect } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { AdminPageShell } from "@/components/admin/admin-page-shell";
+import { ADMIN_NAV_GROUPS } from "@/lib/admin-nav";
+import {
+	ADMIN_NAV_CONFIG_KEY,
+	parseAdminNavConfig,
+} from "@/lib/admin-nav-config";
+import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { siteSettings } from "@/lib/services/site-settings";
+import { AdminMenuEditor } from "./admin-menu-editor";
+
+export const metadata = { title: "Admin menu" };
+
+export default async function AdminMenuPage() {
+	const { session, permissions } = await getAdminContext();
+	if (!canAccess(permissions, PERMS.SETTINGS_VIEW, session.user.rank)) {
+		redirect("/admin");
+	}
+	const canEdit = canAccess(
+		permissions,
+		PERMS.SETTINGS_EDIT,
+		session.user.rank,
+	);
+	const t = await getTranslations("pages.admin.menu");
+
+	const catalog = ADMIN_NAV_GROUPS.map((g) => ({
+		labelKey: g.labelKey,
+		items: g.items.map((i) => ({ href: i.href, labelKey: i.labelKey })),
+	}));
+	const initialConfig = parseAdminNavConfig(
+		await siteSettings.get(ADMIN_NAV_CONFIG_KEY, ""),
+	);
+
+	return (
+		<AdminPageShell
+			icon={ListOrdered}
+			title={t("title")}
+			subtitle={t("subtitle")}
+		>
+			<AdminMenuEditor
+				catalog={catalog}
+				initialConfig={initialConfig}
+				canEdit={canEdit}
+			/>
+		</AdminPageShell>
+	);
+}