Initial project upload

frontend/components/EmptyState.tsx

@@ -0,0 +1,13 @@
+import { Inbox } from "lucide-react";
+
+export default function EmptyState({ title, hint, icon }: {
+  title: string; hint?: string; icon?: React.ReactNode;
+}) {
+  return (
+    <div className="py-12 text-center text-slate-400">
+      <div className="mx-auto mb-3 opacity-50">{icon ?? <Inbox className="h-8 w-8 mx-auto" />}</div>
+      <p className="font-medium text-slate-500">{title}</p>
+      {hint && <p className="text-sm mt-1">{hint}</p>}
+    </div>
+  );
+}