zenno: add page titles and descriptions

zenno/src/routes/chara/+page.svelte

@@ -1,17 +1,11 @@
 <script lang="ts">
-	import { resolve } from '$app/paths';
+	import { page } from '$app/state';
+	import * as all from '$lib/all';
+	import IndexSection from '$lib/IndexSection.svelte';
+
+	const cur = $derived(all.page(page.route.id));
 </script>
 
-<h1 class="m-8 text-center text-7xl">Zenno Rob Roy &mdash; Character Tools</h1>
-<p>Tools related to understanding Umamusume characters.</p>
-
-<ul class="mb-4 list-disc pl-4">
-	<li>
-		<a href={resolve('/chara/affinity')}>Affinity Details</a> &mdash; Details of why characters have the base compatibility numbers
-		they have.
-	</li>
-	<li>
-		<a href={resolve('/chara/convo')}>Lobby Conversations</a> &mdash; Check participants in lobby conversations and get recommendations
-		on unlocking them quickly.
-	</li>
-</ul>
+<h1 class="m-8 text-center text-7xl">Zenno Rob Roy &mdash; {cur.name}</h1>
+<p>{cur.description}</p>
+<IndexSection pages={all.PAGES.chara} />