feat(customers): add dashboard and customer management

frontend/athena/components/customers/CustomerStatusBadge.tsx

@@ -0,0 +1,26 @@
+import { cn } from "@/lib/utils";
+import type { CustomerStatus } from "@/types/customer";
+
+const labels: Record<CustomerStatus, string> = {
+  lead: "Lead",
+  active: "Aktiv",
+  inactive: "Inaktiv",
+  blocked: "Gesperrt",
+  archived: "Archiviert",
+};
+
+const styles: Record<CustomerStatus, string> = {
+  lead: "bg-sky-50 text-sky-700 ring-sky-600/20",
+  active: "bg-emerald-50 text-emerald-700 ring-emerald-600/20",
+  inactive: "bg-slate-100 text-slate-600 ring-slate-500/20",
+  blocked: "bg-red-50 text-red-700 ring-red-600/20",
+  archived: "bg-zinc-100 text-zinc-600 ring-zinc-500/20",
+};
+
+export default function CustomerStatusBadge({ status }: { status: CustomerStatus }) {
+  return (
+    <span className={cn("inline-flex h-6 items-center rounded-full px-2 text-xs font-medium ring-1", styles[status])}>
+      {labels[status]}
+    </span>
+  );
+}