zenno: add page titles and descriptions

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

@@ -1,28 +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; Documents</h1>
-<p>Articles about Umamusume, including editorials and research.</p>
-
-<ul class="mb-4 list-disc pl-4">
-	<li>
-		<a href={resolve('/doc/frbm')}>Front Runner Black Magic</a> &mdash; Detailed analysis of how front runners interact with race mechanics.
-	</li>
-	<li>
-		<a href={resolve('/doc/lanecalc')}>Gaikokujin's Guide to Lanecalc</a> &mdash; English language manual for
-		<a href="https://lanecalc.hf-uma.net/" target="_blank" rel="noopener noreferrer">危険回避シミュ</a>, or Lanecalc, for precise
-		lane combo simulation.
-	</li>
-	<li>
-		<a href={resolve('/doc/race')}>Race Mechanics Charts</a> &mdash; Interactive adaptation of
-		<a
-			href="https://docs.google.com/document/d/15VzW9W2tXBBTibBRbZ8IVpW6HaMX8H0RP03kq6Az7Xg/edit"
-			target="_blank"
-			rel="noopener noreferrer">KuromiAK's race mechanics documentation</a
-		> for easier visualization of how mechanics scale.
-	</li>
-	<li>
-		<a href={resolve('/doc/spark')}>Spark Explorer</a> &mdash; View all possible inheritance effects of any spark.
-	</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.doc} />