feat: Implement dedicated login page and public/dashboard layouts, refactoring authentication flow and removing the todos page.

apps/web/src/lib/components/Header.svelte

@@ -1,7 +1,20 @@
 <script lang="ts">
 	import logo from '$lib/assets/logo_governo_PE.png';
+	import { page } from '$app/state';
 </script>
 
-<div class="navbar bg-base-200 w-76 p-4 shadow-sm">
-	<img src={logo} alt="Logo" class="" />
-</div>
+<header class="sticky top-0 z-50 w-full border-b backdrop-blur-md bg-base-100/90 border-base-200 shadow-sm transition-all duration-300">
+	<div class="container mx-auto px-4 h-16 flex items-center justify-between">
+		<a href="/" class="flex items-center gap-3 group transition-transform hover:scale-[1.02]">
+			<img src={logo} alt="Logo Governo PE" class="h-10 w-auto object-contain drop-shadow-sm" />
+			<div class="flex flex-col hidden sm:flex">
+				<span class="text-xs font-bold text-primary tracking-wider uppercase">Governo de</span>
+				<span class="text-lg font-extrabold -mt-1 tracking-tight text-base-content leading-none">Pernambuco</span>
+			</div>
+		</a>
+
+		<nav class="flex items-center gap-2">
+			<!-- Links can be added here based on auth state or specific requirements -->
+		</nav>
+	</div>
+</header>