Capture team chat and expose moderation match archives

src/routes/matches/+page.svelte

@@ -2,12 +2,22 @@
     let { data }: { data: import('./$types').PageData } = $props();
     import MatchHistory from '$ui/components/MatchHistory.svelte';
     import SectionHeader from '$ui/components/primitives/SectionHeader.svelte';
+    import { page } from '$app/stores';
+    const archive = $derived($page.url.searchParams.get('matchArchive') === '1');
 </script>
 
-<svelte:head><title>Matches · Electric Cherry</title></svelte:head>
+<svelte:head
+    ><title>{archive ? 'Moderation match archive' : 'Matches'} · Electric Cherry</title
+    ></svelte:head
+>
 
 <div class="page">
-    <SectionHeader title="Matches" subtitle="Recorded matches across your servers." />
+    <SectionHeader
+        title={archive ? 'Moderation match archive' : 'Matches'}
+        subtitle={archive
+            ? 'Retained match reports and chat for evidence review.'
+            : 'Recorded matches across your servers.'}
+    />
     <MatchHistory initial={data.history} />
 </div>