improve layout, nav; add sign out on user page

src/routes/user/+page.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
 	import { invalidate, invalidateAll } from '$app/navigation';
 	import { Button } from '$lib/components/ui/button';
+	import { LucideLoaderCircle, LucideLogOut, LucideRefreshCw } from 'lucide-svelte';
 
 	let { data } = $props();
+	let isLoadingSignOut = $state(false);
 
 	function refetch() {
 		console.log("refetching");
@@ -19,5 +21,16 @@
 </p>
 
 <Button onclick={refetch}>
+		<LucideRefreshCw class="mr-2 h-4 w-4" />
 	Invalidate Data
 </Button>
+<form class="inline-flex" method="post" action="/auth?/logout">
+	<Button type="submit" onclick={() => {isLoadingSignOut = true}}>
+		{#if isLoadingSignOut}
+			<LucideLoaderCircle class="mr-2 h-4 w-4 animate-spin" />
+		{:else}
+			<LucideLogOut class="mr-2 h-4 w-4" />
+		{/if}
+		Sign Out
+	</Button>
+</form>