Add Oudelaa dashboard API integration

oudelaa_dashboard/components/ui/empty-state.tsx

@@ -0,0 +1,21 @@
+import { Music2 } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+type EmptyStateProps = {
+  title: string;
+  description: string;
+  className?: string;
+};
+
+export function EmptyState({ title, description, className }: EmptyStateProps) {
+  return (
+    <div className={cn("ornament-grid shimmer-empty rounded-xl border border-dashed border-border p-8 text-center", className)}>
+      <div className="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-secondary text-primary">
+        <Music2 className="h-5 w-5" />
+      </div>
+      <h3 className="font-heading text-lg font-semibold">{title}</h3>
+      <p className="mx-auto mt-1 max-w-md text-sm text-muted-foreground">{description}</p>
+    </div>
+  );
+}