feat(app): styling fixes and alpha notice

app/src/lib/components/header/header.svelte

@@ -21,14 +21,14 @@ import { routes } from "$lib/components/navigation/index.ts"
     <img
       src="/images/logo/union-logo-wide-transparent.svg"
       alt="Union Logo"
-      class="size-full max-w-26 select-none"
+      class="size-full max-w-26 select-none light:invert"
     />
   </Button>
   <div class="flex-1 p-0 m-0 w-full">
     <SearchBar />
   </div>
   <div class="hidden sm:flex flex-row space-x-0">
-    <nav class="hidden lg:flex space-x-0 sm:space-x-2 mr-0 sm:mr-3">
+    <nav class="hidden lg:flex items-center space-x-0 sm:space-x-2 mr-0 sm:mr-3">
       {#each Object.entries(routes) as [name, { draft, path }], index (name)}
         <Button
           size="sm"

app/src/routes/+page.svelte

@@ -1,13 +1,14 @@
 <script lang="ts">
-import { Shine } from "svelte-ux"
+  import * as Card from "$lib/components/ui/card/index.ts"
 </script>
-
 <main class="flex flex-col items-center size-full p-4 mt-16">
-  <Shine depth={4} lightColor="#A0ECFD">
-    <h1
-      class="~md/lg:~text-8xl/11xl font-black leading-[9rem] brightness-65 cursor-default select-none text-center"
-    >
-      zkGM
-    </h1>
-  </Shine>
+  <Card.Root class="max-w-lg">
+    <Card.Header>
+      <Card.Title>Union App Alpha</Card.Title>
+    </Card.Header>
+    <Card.Content class="flex flex-col gap-2">
+      <p>Congratulations on finding the <b>Union App Alpha.</b></p>
+      <p>This App is unfinished and not meant for public use. However, feel free to click around to see what we are working on.</p>
+    </Card.Content>
+  </Card.Root>
 </main>

app/src/routes/explorer/(components)/menu.svelte

@@ -56,7 +56,7 @@ let alwaysCollapsed = innerWidth <= alwaysCollapsedWidth
         variant="link"
         href={`/explorer/${route}`}
         class={cn(
-          'mb-2 w-full flex py-0 hover:no-underline hover:bg-muted px-2.75 text-left justify-start self-start gap-x-2',
+          'capitalize mb-2 w-full flex py-0 hover:no-underline hover:bg-muted px-2.75 text-left justify-start self-start gap-x-2',
           selectedTable === route ? 'bg-muted' : 'bg-transparent',
         )}
       >

app/src/routes/explorer/blocks/+page.svelte

@@ -153,7 +153,7 @@ $: virtualizer = createVirtualizer<HTMLDivElement, HTMLTableRowElement>({
 </script>
 
 <div
-  class="py-4 rounded-md mt-4 border-2 space-y-2 h-min w-full bg-card self-center flex justify-center"
+  class="p-4 w-full flex justify-center"
 >
   <div
     bind:this={virtualListElement}