"Refactor admin UI components using Conventional Commits (feat)"

frontend/src/app/admin/admin-sidebar.tsx

@@ -47,17 +47,14 @@ export function AdminSidebar() {
 	];
 
 	return (
-		<ul className="w-full space-y-1">
+		<ul className="w-full">
 			{adminSites.map((site) => (
 				<li key={site.path}>
 					<Link
 						href={site.path}
-						className={cn(
-							"flex items-center gap-2 p-2 rounded-md transition-colors",
-							pathname === site.path
-								? "bg-primary/10 text-primary font-semibold dark:bg-primary/20"
-								: "hover:bg-muted text-foreground/80 hover:text-foreground dark:text-foreground/70 dark:hover:text-foreground dark:hover:bg-muted/80"
-						)}
+						className={cn("flex items-center gap-2 p-2 rounded hover:bg-muted", {
+							"font-semibold": pathname === site.path,
+						})}
 					>
 						{site.icon}
 						<span>{site.name}</span>

frontend/src/app/admin/layout.tsx

@@ -19,15 +19,15 @@ export default async function AdminLayout(props: AdminLayoutProps) {
 	}
 
 	return (
-		<main className="flex flex-1 flex-col gap-6 p-2 md:p-4">
+		<main className="flex flex-1 flex-col gap-4">
 			<div className="mx-auto grid w-full gap-2">
-				<h1 className="text-3xl font-semibold text-foreground">Admin</h1>
+				<h1 className="text-3xl font-semibold">Admin</h1>
 			</div>
 			<div className="mx-auto grid w-full items-start gap-4 md:gap-6 md:grid-cols-[180px_1fr] lg:grid-cols-[250px_1fr]">
-				<nav className="grid gap-4 text-sm bg-background/50 p-3 rounded-lg dark:bg-background/10 shadow-sm">
+				<nav className="grid gap-4 text-sm">
 					<AdminSidebar />
 				</nav>
-				<div className="bg-background/50 p-2 rounded-lg dark:bg-background/10 shadow-sm">{children}</div>
+				<div>{children}</div>
 			</div>
 		</main>
 	);

frontend/src/app/admin/page.tsx

@@ -64,7 +64,7 @@ export default async function AdminPage() {
 	return (
 		<>
 			<Tabs defaultValue={"@general"} className="flex flex-col gap-4 items-start">
-				<TabsList className="bg-neutral-100 dark:bg-background/5 w-full py-6 border-b dark:border-muted">
+				<TabsList className="bg-neutral-100 w-full py-6">
 					<TabsTrigger value="@general">Allgemein</TabsTrigger>
 					<TabsTrigger value="@capacity">Druckerauslastung</TabsTrigger>
 					<TabsTrigger value="@report">Fehlerberichte</TabsTrigger>