empece a armar la ui para la pagina de perfil

src/lib/components/ui/spinner/index.ts

@@ -0,0 +1 @@
+export { default as Spinner } from "./spinner.svelte";

src/lib/components/ui/spinner/spinner.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { cn } from "$lib/utils.js";
+	import Loader2Icon from "@lucide/svelte/icons/loader-2";
+	import type { ComponentProps } from "svelte";
+
+	let { class: className, ...restProps }: ComponentProps<typeof Loader2Icon> = $props();
+</script>
+
+<Loader2Icon
+	role="status"
+	aria-label="Loading"
+	class={cn("size-4 animate-spin", className)}
+	{...restProps}
+/>

src/lib/head/AvatarButton.svelte

@@ -1,4 +1,5 @@
 <script>
+	import { goto } from '$app/navigation';
 	import AvatarFallback from '@/components/ui/avatar/avatar-fallback.svelte';
 	import AvatarImage from '@/components/ui/avatar/avatar-image.svelte';
 	import Avatar from '@/components/ui/avatar/avatar.svelte';
@@ -23,9 +24,9 @@
 	</DropdownMenuTrigger>
 	<DropdownMenuContent>
 		<DropdownMenuGroup>
-			<DropdownMenuItem>
-				<a href={'/'}> Mi Perfil </a>
-			</DropdownMenuItem>
+			<DropdownMenuItem onclick={() => goto('/' + $sesionStore?.username)}
+				>Mi Perfil</DropdownMenuItem
+			>
 			<DropdownMenuSeparator />
 			<DropdownMenuItem onclick={async () => await logout(menuOpen)}>Cerrar Sesion</DropdownMenuItem
 			>