The family list knows the hall: about panels link to gamehall.kestrelsnest.social, and a new game gets a card there

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG

packages/web/src/App.svelte

@@ -10,7 +10,7 @@
   import Card from "./Card.svelte";
   import Help from "./Help.svelte";
   import { HELP_TABS, type HelpTab } from "./help-state";
-  import { otherGames, type FamilyGame } from "./family";
+  import { loadFamily, type FamilyGame } from "./family";
   import { summarizeMissed } from "./catchup";
   import Replay from "./Replay.svelte";
   import FxGallery from "./FxGallery.svelte";
@@ -29,8 +29,12 @@
   let name = $state(prefs.wizardName);
   /** The other games of Kestrel's Hall, for the front page. */
   let family = $state<FamilyGame[]>([]);
+  let hall = $state("");
   $effect(() => {
-    void otherGames("wizwar").then((g) => (family = g));
+    void loadFamily("wizwar").then((f) => {
+      family = f.games;
+      hall = f.hall;
+    });
   });
   let joinCode = $state("");
   let claimPhrase = $state("");
@@ -2568,7 +2572,7 @@
           </a>
           <a class="about-link clips-link" href="/clips">watch clips from the labyrinth</a>
           {#if family.length}
-            <p class="family-line">Also in Kestrel's Hall:
+            <p class="family-line">Also in {#if hall}<a href={hall}>Kestrel's Hall</a>{:else}Kestrel's Hall{/if}:
               {#each family as g, i (g.slug)}{i > 0 ? ", " : " "}<a href={g.url} title={g.pitch}>{g.name}</a>{/each}</p>
           {/if}
         </div>