update sidebar ui

src/lib/components/sidebar.svelte

@@ -12,7 +12,7 @@
 <div class="flex h-full min-w-[350px] flex-col justify-between border-r p-4">
 	<div>
 		<div class="flex items-center justify-between pb-16">
-			<div class="text-xl font-bold">Shortener</div>
+			<div class="text-xl font-bold"><a href="/">Shortener</a></div>
 			<ThemeToggle />
 		</div>
 
@@ -25,26 +25,30 @@
 			>
 		</div>
 	</div>
-	<div class="flex items-center justify-between">
+
-		<DropdownMenu.Root>
+	<div class="flex flex-col gap-4">
-			<DropdownMenu.Trigger>
+		<Separator />
-				<Avatar.Root>
+		<div class="flex items-center justify-between">
-					<Avatar.Image src="" alt="@shadcn" />
+			<DropdownMenu.Root>
-					<Avatar.Fallback><User /></Avatar.Fallback>
+				<DropdownMenu.Trigger>
-				</Avatar.Root>
+					<Avatar.Root>
-			</DropdownMenu.Trigger>
+						<Avatar.Image src="" alt="@shadcn" />
-			<DropdownMenu.Content>
+						<Avatar.Fallback><User /></Avatar.Fallback>
-				<DropdownMenu.Group>
+					</Avatar.Root>
-					<DropdownMenu.Label>My Account</DropdownMenu.Label>
+				</DropdownMenu.Trigger>
-					<DropdownMenu.Separator />
+				<DropdownMenu.Content>
-					<DropdownMenu.Item on:click={() => goto('/profile')}
+					<DropdownMenu.Group>
-						>Profile</DropdownMenu.Item
+						<DropdownMenu.Label>My Account</DropdownMenu.Label>
-					>
+						<DropdownMenu.Separator />
-				</DropdownMenu.Group>
+						<DropdownMenu.Item on:click={() => goto('/profile')}
-			</DropdownMenu.Content>
+							>Profile</DropdownMenu.Item
-		</DropdownMenu.Root>
+						>
-		<form method="post" action="?/signout">
+					</DropdownMenu.Group>
-			<Button variant="destructive" type="submit">Sign Out</Button>
+				</DropdownMenu.Content>
-		</form>
+			</DropdownMenu.Root>
+			<form method="post" action="/?/signout">
+				<Button variant="destructive" type="submit">Sign Out</Button>
+			</form>
+		</div>
 	</div>
 </div>