feat(admin): expand/collapse all sidebar groups with scrollable nav

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

src/app/admin/layout.tsx

@@ -42,9 +42,7 @@ export default async function AdminLayout({
 
 	return (
 		<>
-			{csrfToken ? (
-				<meta name="csrf-token" content={csrfToken} />
-			) : null}
+			{csrfToken ? <meta name="csrf-token" content={csrfToken} /> : null}
 			<AdminMobileWrapper sidebar={<Sidebar staff={staff} />}>
 				<div
 					data-admin
@@ -72,9 +70,9 @@ async function Sidebar({
 	return (
 		<aside
 			data-admin
-			className="max-lg:static sticky top-0 self-start h-full lg:h-screen overflow-y-auto bg-[var(--admin-sidebar-background)] text-[var(--admin-sidebar-text-readable)] shadow-xl flex flex-col"
+			className="max-lg:static sticky top-0 flex h-full max-h-screen min-h-0 w-full flex-col self-start overflow-hidden bg-[var(--admin-sidebar-background)] text-[var(--admin-sidebar-text-readable)] shadow-xl lg:h-screen"
 		>
-			<div className="flex items-center gap-3 px-4 py-5 border-b border-[var(--admin-border)]">
+			<div className="flex shrink-0 items-center gap-3 border-b border-[var(--admin-border)] px-4 py-5">
 				<span
 					className="flex-none w-10 h-10 rounded-xl grid place-items-center font-extrabold text-base text-[var(--admin-accent-foreground)] bg-[var(--admin-accent)] shadow-lg shadow-[var(--admin-accent)]/20"
 					aria-hidden
@@ -97,7 +95,7 @@ async function Sidebar({
 
 			<AdminSidebarNav />
 
-			<div className="px-3 py-3 border-t border-[var(--admin-border)]">
+			<div className="shrink-0 border-t border-[var(--admin-border)] px-3 py-3">
 				<Link
 					href="/"
 					className="flex items-center gap-2.5 px-2.5 py-2 rounded-lg text-[var(--admin-sidebar-muted-readable)] text-xs font-medium hover:text-[var(--admin-sidebar-text-readable)] hover:bg-[var(--admin-accent)]/10 transition-all duration-150 no-underline"
@@ -109,4 +107,3 @@ async function Sidebar({
 		</aside>
 	);
 }
-

src/components/admin/admin-mobile-wrapper.tsx

@@ -84,7 +84,7 @@ export function AdminMobileWrapper({
 
 					{/* Sidebar */}
 					<div
-						className={`fixed inset-y-0 left-0 z-50 w-[260px] lg:!relative lg:!translate-x-0 lg:!min-h-screen ${
+						className={`fixed inset-y-0 left-0 z-50 flex h-full w-[260px] flex-col overflow-hidden lg:!relative lg:!min-h-screen lg:!translate-x-0 ${
 							open ? "translate-x-0" : "-translate-x-full"
 						}`}
 						style={{ transition: "transform 300ms ease-in-out" }}

src/messages/en.json

@@ -1080,6 +1080,8 @@
 				"import": "Import",
 				"settings": "Settings",
 				"backToSite": "Back to site",
+				"expandAll": "Expand all",
+				"collapseAll": "Collapse all",
 				"housekeeping": "Housekeeping",
 				"hotelManagementPanel": "Hotel management panel",
 				"rankLabel": "Rank {rank}",

src/messages/it.json

@@ -1010,6 +1010,8 @@
 				"import": "Importa",
 				"settings": "Impostazioni",
 				"backToSite": "Torna al sito",
+				"expandAll": "Apri tutte",
+				"collapseAll": "Chiudi tutte",
 				"hotelManagementPanel": "Pannello di gestione hotel",
 				"rankLabel": "Grado {rank}",
 				"hubNewsMedia": "Notizie e media",

src/messages/nl.json

@@ -1054,6 +1054,8 @@
 				"import": "Importeren",
 				"settings": "Instellingen",
 				"backToSite": "Terug naar site",
+				"expandAll": "Alles openen",
+				"collapseAll": "Alles sluiten",
 				"housekeeping": "Housekeeping",
 				"hotelManagementPanel": "Hotelbeheerpaneel",
 				"rankLabel": "Rang {rank}",