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/app/console/audit-table.tsx

@@ -1,7 +1,10 @@
 import Link from "next/link";
+import { ActionForm, SubmitButton } from "@/components/forms";
 import { DateTime } from "@/components/time";
+import { Input } from "@/components/ui/input";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import type { AuditEntry } from "@/lib/api";
+import { appeal } from "./cases/actions";
 
 const tagLinks: Record<string, (id: string) => string> = {
   catalog: (id) => `/console/catalogs/${id}`,
@@ -59,7 +62,22 @@ export function AuditTable({ entries, empty = "Nothing yet." }: { entries: Audit
               })}
               {Object.keys(e.tags).length === 0 && e.target}
             </TableCell>
-            <TableCell className="text-xs whitespace-normal text-muted-foreground">{detailText(e.detail)}</TableCell>
+            <TableCell className="text-xs whitespace-normal text-muted-foreground">
+              {detailText(e.detail)}
+              {e.appealable && (
+                <details className="mt-1">
+                  <summary className="cursor-pointer text-foreground underline-offset-4 hover:underline">Appeal</summary>
+                  <ActionForm action={appeal} fields={{ audit: e.id }} className="mt-2">
+                    <div className="flex gap-2">
+                      <Input name="reason" required maxLength={2000} placeholder="Why it should be undone" aria-label="Why" className="h-8 min-w-48" />
+                      <SubmitButton size="sm" variant="outline" pendingLabel="Sending…">
+                        Send
+                      </SubmitButton>
+                    </div>
+                  </ActionForm>
+                </details>
+              )}
+            </TableCell>
           </TableRow>
         ))}
       </TableBody>