update dashboard layout

frontend/src/lib/components/sidebar.svelte

@@ -13,18 +13,20 @@
 
 <div
 	class={cn(
-		'flex h-full min-w-[350px] flex-col justify-between border-r p-4',
+		'flex h-full min-w-[350px] flex-col justify-between border-r',
 		className,
 	)}>
 	<div>
-		<div class="flex items-center justify-between pb-16">
-			<div class="text-xl font-bold">
-				<a href="/">Shortener</a>
+		<div class="flex h-20 items-center justify-between p-4">
+			<div class="flex items-center justify-start gap-4">
+				<UserIcon {email} />
+				{email}
 			</div>
 			<ThemeToggle />
 		</div>
+		<Separator />
 
-		<div class="flex flex-col gap-4">
+		<div class="flex flex-col gap-4 p-4">
 			<Button
 				variant="ghost"
 				href="/links"
@@ -35,11 +37,4 @@
 				class="justify-start text-base ">Projects</Button>
 		</div>
 	</div>
-
-	<div class="flex flex-col gap-4">
-		<Separator />
-		<div class="flex items-center justify-between">
-			<UserIcon {email} />
-		</div>
-	</div>
 </div>

frontend/src/routes/(app)/+layout.svelte

@@ -21,7 +21,7 @@
 	<div
 		class="flex h-full max-h-screen w-full flex-col overflow-hidden">
 		<div
-			class="block w-full border-b bg-background px-4 py-2 lg:hidden">
+			class="bg-background block w-full border-b px-4 py-2 lg:hidden">
 			<Sheet.Root bind:open={sheetOpen}>
 				<Sheet.Trigger asChild let:builder>
 					<Button builders={[builder]} variant="ghost" class="p-2">
@@ -58,7 +58,7 @@
 				</Sheet.Content>
 			</Sheet.Root>
 		</div>
-		<div class="flex h-full w-full flex-col overflow-hidden p-4">
+		<div class="flex h-full w-full flex-col overflow-hidden">
 			<slot />
 		</div>
 	</div>

frontend/src/routes/(app)/links/+page.svelte

@@ -78,8 +78,8 @@
 	}
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">Links</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">Links</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger
 			class={buttonVariants({ variant: 'default' }) + 'flex gap-2'}>

frontend/src/routes/(app)/links/[id]/+page.svelte

@@ -97,8 +97,8 @@
 	})
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">{data.shortener.link}</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">{data.shortener.link}</div>
 </div>
 <Separator />
 

frontend/src/routes/(app)/projects/+page.svelte

@@ -42,8 +42,8 @@
 	}
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">Projects</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">Projects</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger
 			class={buttonVariants({ variant: 'default' }) + 'flex gap-2'}>

frontend/src/routes/(app)/projects/[uuid]/+page.svelte

@@ -78,8 +78,8 @@
 	}
 </script>
 
-<div class="flex justify-between p-8">
-	<div class="text-4xl font-bold">Links</div>
+<div class="flex h-20 items-center justify-between p-4">
+	<div class="text-3xl font-bold">Links</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger
 			class={buttonVariants({ variant: 'default' }) + 'flex gap-2'}>