Refactor user prop handling in Menu and UserMenu components; add spac…

…ing in GitHubHover component

src/lib/components/custom/GitHubHover.svelte

@@ -14,6 +14,7 @@
     }
     let dataPromise: Promise<any> = new Promise(() => {});
 </script>
+
 <div role="note" on:mouseover|once={() => {dataPromise = loadGitHubData()}} on:focus={() => {}}>
   <HoverCard.Root openDelay={50} closeDelay={150}>
     <HoverCard.Trigger

src/lib/components/custom/Menu.svelte

@@ -4,7 +4,7 @@
     import { Emblem } from "../logos";
 	import type { UserInfo } from "$lib/types";
 
-    export let user: UserInfo | null;
+    let { user }: { user: UserInfo | null } = $props();
 </script>
 
 <div class="container flex flex-row items-center justify-between space-y-2 py-4">

src/lib/components/custom/UserMenu.svelte

@@ -7,7 +7,7 @@
     import { LogOut, User, Users, RectangleEllipsis, Sun, Moon, House } from 'lucide-svelte';
     import { toggleMode } from 'mode-watcher';
 
-    export let user: UserInfo | null;
+    let { user }: { user: UserInfo | null } = $props();
 </script>
 
 {#if user}