Add community content reports, map bans, and appeals

app/globals.css

@@ -1005,6 +1005,32 @@ pre {
 .game-header > * {
   pointer-events: auto;
 }
+.report-dialog {
+  width: min(540px, calc(100vw - 32px));
+  max-height: calc(100dvh - 40px);
+  overflow-y: auto;
+  margin: auto;
+  padding: 28px;
+  border: 2px solid var(--line);
+  border-radius: 0;
+  background: var(--panel);
+  color: var(--text);
+}
+.report-dialog .field select {
+  display: block;
+  width: 100%;
+  padding: 12px;
+  margin-top: 6px;
+  background: var(--bg);
+  border: 1px solid var(--line);
+  color: var(--text);
+}
+.report-dialog::backdrop {
+  background: #0009;
+}
+.game-header .report-dialog {
+  pointer-events: auto;
+}
 .game-header .brand {
   font-size: 24px;
   filter: drop-shadow(0 2px 2px #000);

app/servers/[id]/page.tsx

@@ -4,6 +4,7 @@ import { Header, Footer } from "@/components/Shell";
 import { StartGame } from "@/components/StartGame";
 import { getMap } from "@/lib/catalog";
 import { ContributionInstructions } from "@/components/ContributionInstructions";
+import { ReportContent } from "@/components/ReportContent";
 export default async function ServerPage({
   params,
 }: {
@@ -23,6 +24,7 @@ export default async function ServerPage({
         <h1>{map.name}</h1>
         <p className="lead">{map.description}</p>
         <p className="map-credit">Created by {map.credit}</p>
+        <ReportContent datasetId={id} />
         <p className="muted">
           Map ID: <code>{map.id}</code>
         </p>