feat: cases (reports, rating reviews, removal and deletion requests, appeals) and notifications

Cases are one queue for what someone has to decide, each with a thread (internal notes for those deciding), an
assignee and a decision. Reports about a product go to the teams of the catalogs hosting it and to moderators, and
only the reporter and moderators know who reported. A creator lowering a rating opens a rating review; a catalog's
owner asking to delete it opens a deletion request; a catalog's team can ask for a product's removal everywhere; the
person an action affected can appeal it once, decided by another moderator (an admin may decide their own, flagged).
Resolving carries the case out: the rating is lowered, the product removed, the catalog deleted.

Notifications reach people on the website (a bell with the unread count) and their proxies (realtime): moderators'
edits to their products, removals and restores, decisions and replies on their cases, membership decisions.

Also: moderators can restore a removed product, and a product's creator and moderators can see it when it's adult
without an adult account (getting and wearing it still need one).

Co-Authored-By: Claude Opus 5.5 <[email protected]>

apps/web/components/header.tsx

@@ -1,4 +1,5 @@
 import Image from "next/image";
+import { Bell } from "lucide-react";
 import Link from "next/link";
 import { getMe } from "@/lib/api";
 import { buttonVariants } from "@/components/ui/button";
@@ -28,7 +29,21 @@ export async function Header() {
             Download
           </a>
           {me ? (
-            <ProfileMenu username={me.username} picture={me.picture} console={me.console} />
+            <>
+              <Link
+                href="/notifications"
+                aria-label={me.unread ? `Notifications, ${me.unread} unread` : "Notifications"}
+                className={buttonVariants({ variant: "ghost", size: "icon", className: "relative" })}
+              >
+                <Bell className="size-4" />
+                {me.unread > 0 && (
+                  <span className="absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-foreground px-1 text-[10px] font-semibold text-background tabular-nums">
+                    {me.unread > 99 ? "99+" : me.unread}
+                  </span>
+                )}
+              </Link>
+              <ProfileMenu username={me.username} picture={me.picture} console={me.console} />
+            </>
           ) : (
             <>
               <Link href="/signin" className={buttonVariants({ variant: "ghost" })}>