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

src/lib/components/Hall.svelte

@@ -3,7 +3,7 @@
 	// bot, open a table, join by code, the ledger of your tables, and the
 	// about panel with the rules, the guide and a way to reach the keeper.
 	import { goto } from '$app/navigation';
-	import { otherGames, type FamilyGame } from '$lib/family';
+	import { loadFamily, type FamilyGame } from '$lib/family';
 	import Preferences from './Preferences.svelte';
 	import { prefs, setPref } from '$lib/prefs.svelte';
 	import { allSeats, doubtSeat, forgetSeat, rememberSeat, ServerError, trustSeat } from '$lib/net/client';
@@ -35,8 +35,12 @@
 	const hours = (minutes: number) => (minutes < 90 ? `${minutes} minutes` : `${Math.round(minutes / 60)} hours`);
 	/** The other games of Kestrel's Hall, for the about panel. */
 	let family = $state<FamilyGame[]>([]);
+	let hall = $state('');
 	$effect(() => {
-		void otherGames('hnefatafl').then((g) => (family = g));
+		void loadFamily('hnefatafl').then((f) => {
+			family = f.games;
+			hall = f.hall;
+		});
 	});
 	/** Reports this browser's seats have filed, with the keeper's replies. */
 	let reports = $state<Report[]>([]);
@@ -283,7 +287,7 @@
 				</p>
 			{/if}
 			{#if family.length}
-				<h3>More games in Kestrel's Hall</h3>
+				<h3>More games in {#if hall}<a href={hall}>Kestrel's Hall</a>{:else}Kestrel's Hall{/if}</h3>
 				<ul class="family">
 					{#each family as g (g.slug)}
 						<li><a href={g.url}>{g.name}</a>: {g.pitch} <span class="muted">{g.players} players; {g.origin}.</span></li>