Add language picker to admin sidebar and topbar.

Reuse LanguageSwitcher with an admin-styled dropdown next to the theme toggle.

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

src/app/admin/layout.tsx

@@ -6,6 +6,7 @@ import type { ReactNode } from "react";
 import { AdminHubChrome } from "@/components/admin/admin-hub-chrome";
 import { AdminMobileWrapper } from "@/components/admin/admin-mobile-wrapper";
 import { AdminNavLink } from "@/components/admin/admin-nav-link";
+import { LanguageSwitcher } from "@/components/language-switcher";
 import { ThemeSwitcher } from "@/components/theme-switcher";
 import { requireStaff } from "@/lib/admin/guard";
 import { ADMIN_NAV_GROUPS } from "@/lib/admin-nav";
@@ -74,7 +75,10 @@ async function Sidebar({
 						{t("rankLabel", { rank: staff.rank })}
 					</span>
 				</div>
-				<ThemeSwitcher variant="admin" />
+				<div className="flex items-center gap-1.5 shrink-0">
+					<LanguageSwitcher variant="admin" />
+					<ThemeSwitcher variant="admin" />
+				</div>
 			</div>
 
 			<nav className="flex-1 overflow-y-auto px-3 py-4">
@@ -143,6 +147,7 @@ async function Topbar({
 				</span>
 			</div>
 			<div className="flex items-center gap-3">
+				<LanguageSwitcher variant="admin" />
 				<ThemeSwitcher variant="admin" />
 				<span className="text-xs text-[var(--admin-text-muted)]">
 					<strong className="text-[var(--admin-text)]">{staff.username}</strong>