añade logo a la web

apps/web/src/lib/ui/layout/AppShell.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import logo from "$lib/assets/wtasklogo192.png";
 	import { page } from "$app/stores";
 	import Toast from "$lib/ui/feedback/Toast.svelte";
 	$: pathname = $page.url.pathname;
@@ -16,7 +17,9 @@
 
 <header class="app-header">
 	<div class="container row">
-    <a class="brand" href="/app" aria-label="Inicio">Tareas</a>
+		<a class="brand" href="/app" aria-label="Inicio"
+			><img src={logo} alt="Wtask" /></a
+		>
 		<nav class="nav">
 			<a href="/app" class:active={$page.url.pathname === "/app"}>Tareas</a>
 			<a
@@ -169,6 +172,12 @@
 		letter-spacing: 0.2px;
 		font-size: 1.05rem;
 	}
+	.brand img {
+		display: block;
+		height: 48px;
+		border: 1px solid transparent;
+		border-radius: 50%;
+	}
 	.nav {
 		display: flex;
 		gap: var(--space-2);