remove echarts, use canvas

src/lib/components/navigation/weather-nav.svelte

@@ -52,41 +52,19 @@
 	class:w-55={!collapsed}
 	class:w-14={collapsed}
 >
-	<!-- Sidebar header -->
-	<div class="flex items-center border-b border-sidebar-border px-3 py-4">
-		{#if !collapsed}
-			<a
-				href={resolve('/weather/week')}
-				class="flex items-center gap-2.5 px-1"
-				onclick={onMobileClose}
-			>
-				<div
-					class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground"
-				>
-					<svg
-						class="h-4.5 w-4.5"
-						fill="none"
-						stroke="currentColor"
-						viewBox="0 0 24 24"
-						stroke-width="2"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"
-						/>
-					</svg>
-				</div>
-				<span class="text-sm font-semibold whitespace-nowrap text-sidebar-foreground">
-					Open-Meteo
-				</span>
-			</a>
-		{:else}
-			<a
-				href={resolve('/weather/week')}
-				class="mx-auto flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground"
-				onclick={onMobileClose}
-				aria-label="Open-Meteo Home"
+	<!-- Sidebar header: same height as the topbar so the borders align; the
+	     home link fills the entire row, padding included -->
+	<div class="flex h-14 shrink-0 items-stretch border-b border-sidebar-border">
+		<a
+			href={resolve('/weather/week')}
+			class="flex flex-1 items-center gap-2.5 transition-colors hover:bg-sidebar-accent {collapsed
+				? 'justify-center'
+				: 'px-4'}"
+			onclick={onMobileClose}
+			aria-label="OMbrella home"
+		>
+			<div
+				class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground"
 			>
 				<svg
 					class="h-4.5 w-4.5"
@@ -101,8 +79,13 @@
 						d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"
 					/>
 				</svg>
-			</a>
-		{/if}
+			</div>
+			{#if !collapsed}
+				<span class="text-sm font-semibold whitespace-nowrap text-sidebar-foreground">
+					OMbrella
+				</span>
+			{/if}
+		</a>
 	</div>
 
 	<!-- Navigation links -->