feat: add pizza

app/panel/reports/page.tsx

@@ -2,6 +2,7 @@ import { ReportCard } from "@/components/cards/ReportCard";
 import { CardLink } from "@/components/common/CardLink";
 import { Input } from "@/components/ui/input";
 import { fetchOpenReports } from "@/lib/db";
+import { PizzaIcon } from "lucide-react";
 
 export default async function Reports() {
   const reports = (await fetchOpenReports())
@@ -11,11 +12,21 @@ export default async function Reports() {
   return (
     <div className="flex flex-col gap-2">
       <Input placeholder="Search for reports..." disabled />
-      {reports.map((report) => (
+      {reports.length
+        ? reports.map((report) => (
           <CardLink key={report._id} href={`/panel/reports/${report._id}`}>
             <ReportCard report={report} />
           </CardLink>
-      ))}
+        ))
+        : (<>
+        <h2 className="mt-8 flex justify-center">
+          <PizzaIcon className="text-gray-400" />
+        </h2>
+        <h3 className="text-xs text-center pb-2 text-gray-400">
+          You&lsquo;ve caught up for now.
+        </h3>
+      </>)
+      }
     </div>
   );
 }