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/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { browser } from '$app/environment';
   import { Button } from '$lib/components/ui/button';
+  import { sites, siteSlugs } from '$lib/sites';
 
   let { data }: { data: Record<string, unknown> } = $props();
 </script>
@@ -17,18 +18,12 @@
   <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="text-2xl font-semibold">Base</h1>
     <div class="flex w-full max-w-xs flex-col gap-3">
-      <a href="https://prism.ccllc.pro" class="block" target="_blank" rel="noopener noreferrer">
-        <Button class="h-16 w-full min-h-16" 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 w-full min-h-16" variant="outline">{site.title}</Button>
+        </a>
+      {/each}
     </div>
   </main>
 {/if}