refactor(locale): move hardcoded UI strings into english locale

Adds optional namespaces (common, errors, commandPalette, headTitle,
notifications, schedule, events, home, reader, routes, badgePreview,
badgeWall) and extends existing ones (settings.*, lists.*, tools.*,
user.*, hololive.*) on the Locale interface. New fields are optional
so japanese.ts can omit them; svelte-i18n's fallbackLocale handles
the runtime miss.

HeadTitle gains an optional routeKey prop for type-safe lookup.
defaultActions becomes a factory so the command palette re-reads
locale on language toggle. The existing JP feedback translation
in routes/settings is preserved via japanese.ts.

Out of scope (kept hardcoded): service-worker.ts, app.html,
Landing*.svelte, tools.ts registry, Easter Event 2025 pages.

2 files changed, 10 insertions, 8 deletions

diff --git a/src/routes/girls/+page.svelte b/src/routes/girls/+page.svelte
index bbe57ac9..e45dad4d 100644
--- a/src/routes/girls/+page.svelte
+++ b/src/routes/girls/+page.svelte
@@ -5,28 +5,29 @@ import HeadTitle from "$lib/Home/HeadTitle.svelte";
 import Message from "$lib/Loading/Message.svelte";
 import Skeleton from "$lib/Loading/Skeleton.svelte";
 import root from "$lib/Utility/root";
+import locale from "$stores/locale";
 import "$styles/girls.scss";
 </script>
 
-<HeadTitle route="Anime Girls Holding Programming Books" path="/girls" />
+<HeadTitle routeKey="girls" path="/girls" />
 
 <div class="card">
   <div class="split">
     <div>
       {#await Senpy.getRandomImage()}
-        <Message message="Loading image ..." />
+        <Message message={$locale().routes?.girlsLoadingImage} />
 
         <Skeleton grid={true} count={1} width="49%" height="16.25em" />
       {:then randomImage}
         <div class="preview">
           <a href={randomImage.image} target="_blank">
-            <img src={randomImage.image} alt="A random anime girl holding a programming book" />
+            <img src={randomImage.image} alt={$locale().routes?.girlsRandomAlt} />
           </a>
         </div>
       {/await}
     </div>
     <div>
-      The Senpy Club <span class="opaque">|</span> Anime Girls Holding Programming Books
+      {$locale().routes?.girlsIntroLeft} <span class="opaque">|</span> {$locale().routes?.girlsIntroRight}
 
       <Spacer />
 
@@ -69,10 +70,10 @@ import "$styles/girls.scss";
 <Spacer />
 
 <details class="languages" open>
-  <summary>Languages</summary>
+  <summary>{$locale().routes?.girlsLanguages}</summary>
 
   {#await Senpy.getLanguages()}
-    <Message message="Loading languages ..." />
+    <Message message={$locale().routes?.girlsLoadingLanguages} />
 
     <Skeleton
       card={false}
diff --git a/src/routes/girls/[language]/+page.svelte b/src/routes/girls/[language]/+page.svelte
index 2a97605f..4bef7f29 100644
--- a/src/routes/girls/[language]/+page.svelte
+++ b/src/routes/girls/[language]/+page.svelte
@@ -2,6 +2,7 @@
 import Senpy from "$lib/Data/senpy";
 import Message from "$lib/Loading/Message.svelte";
 import Skeleton from "$lib/Loading/Skeleton.svelte";
+import locale from "$stores/locale";
 import "$styles/girls.scss";
 import type { PageData } from "./$types";
 
@@ -10,7 +11,7 @@ export let data: PageData;
 
 <div class="card">
   {#await Senpy.getImages(data.language)}
-    <Message message="Loading images ..." />
+    <Message message={$locale().routes?.girlsLoadingImages} />
 
     <Skeleton grid={true} count={1} width="49%" height="16.25em" />
   {:then images}
@@ -18,7 +19,7 @@ export let data: PageData;
       {#each images as image}
         <a href={image} target="_blank">
           <div class="preview">
-            <img src={image} alt="An anime girl holding a programming book" />
+            <img src={image} alt={$locale().routes?.girlsSingleAlt} />
           </div>
         </a>
       {/each}