update header on root and projects page

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

@@ -2,19 +2,18 @@
 	import type { PageData } from './$types'
 	import * as Card from '$lib/components/ui/card'
 	import { Button } from '$lib/components/ui/button'
+	import { Separator } from '$lib/components/ui/separator'
 	import { BarChart } from 'lucide-svelte'
 
 	export let data: PageData
 </script>
 
-<div class="flex flex-wrap gap-4 p-4">
+<div class="flex min-h-[80px] items-center justify-between p-4">
-	<div class="w-full">
+	<div class="text-3xl font-bold">Dashboard</div>
-		<h1 class="text-xl">Welcome to SvelteKit</h1>
-		<p>
-			Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read
-			the documentation
-		</p>
 </div>
+<Separator />
+
+<div class="flex flex-wrap gap-4 p-4">
 	<Card.Root class="w-[500px]">
 		<Card.Header>
 			<Card.Title>Projects</Card.Title>

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

@@ -42,7 +42,7 @@
 	}
 </script>
 
-<div class="flex h-20 items-center justify-between p-4">
+<div class="flex min-h-[80px] items-center justify-between p-4">
 	<div class="text-3xl font-bold">Projects</div>
 	<Dialog.Root bind:open={dialogOpen}>
 		<Dialog.Trigger