Enhance routing and layout for site-specific pages. Added support for dynamic site routes, updated component imports, and improved layout styles for fullscreen display. Refactored navigation to utilize site data for dynamic button generation.

src/routes/HomeWithDialog.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { Button } from '$lib/components/ui/button';
+  import { sites, siteSlugs } from '$lib/sites';
 
   let { data: _data }: { data: Record<string, unknown> } = $props();
   // `_data` is accepted to mirror Stackq's pattern (unused for now).
@@ -7,20 +8,15 @@
 
 <main class="flex min-h-0 flex-1 flex-col items-center justify-center gap-4 p-4 sm:gap-6 sm:p-6">
   <h1 class="w-full max-w-xs shrink-0 text-center text-2xl font-semibold">Base</h1>
-
   <div class="flex w-full max-w-xs shrink-0 flex-col gap-3">
-    <a href="https://prism.ccllc.pro" class="block" target="_blank" rel="noopener noreferrer">
-      <Button class="h-16 min-h-16 w-full" variant="outline">Prism</Button>
-    </a>
-    <a href="https://tasgrid.ccllc.pro" class="block" target="_blank" rel="noopener noreferrer">
-      <Button class="h-16 min-h-16 w-full" variant="outline">TasGrid</Button>
-    </a>
-    <a href="https://stackq.ccllc.pro" class="block" target="_blank" rel="noopener noreferrer">
-      <Button class="h-16 min-h-16 w-full" variant="outline">Stackq</Button>
-    </a>
-    <a href="https://hrm.ccllc.pro" class="block" target="_blank" rel="noopener noreferrer">
-      <Button class="h-16 min-h-16 w-full" variant="outline">HRM</Button>
-    </a>
+    {#each siteSlugs as slug}
+      {@const site = sites[slug]}
+      <a href="/{slug}" class="block">
+        <Button class="h-16 min-h-16 w-full" variant="outline">
+          {site.title}
+        </Button>
+      </a>
+    {/each}
   </div>
 </main>