feat: vollständiges Dashboard-Redesign mit HeroUI - monolithische App.tsx aufgelöst, 16 Seiten, Context-API, collapsible Sidebar, neues Dashboard-Layout

frontend/src/components/shared/EmptyState.tsx

@@ -0,0 +1,20 @@
+import { Card, CardContent } from '@heroui/react';
+import { Inbox } from 'lucide-react';
+
+type Props = {
+  message?: string;
+  icon?: React.ReactNode;
+};
+
+export function EmptyState({ message = 'Keine Daten vorhanden', icon }: Props) {
+  return (
+    <Card className="border border-default-100 bg-default-50/10">
+      <CardContent className="flex flex-col items-center gap-3 py-8">
+        <div className="flex size-12 items-center justify-center rounded-full bg-default-100/50 text-default-400">
+          {icon || <Inbox size={24} />}
+        </div>
+        <p className="text-small text-default-400">{message}</p>
+      </CardContent>
+    </Card>
+  );
+}