fix: consolidate search — remove sidebar search box, enlarge header search

Remove the duplicate "Search messages" button from the sidebar and make
the header search input bigger (w-80, text-sm, larger padding/icon) with
"Search messages..." placeholder matching the removed sidebar text.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

internal/web/dist/index.html

@@ -8,29 +8,29 @@
 		<link rel="preconnect" href="https://fonts.googleapis.com">
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 		<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-		<link href="/_app/immutable/entry/start.DpHKCwmv.js" rel="modulepreload">
-		<link href="/_app/immutable/chunks/BRBotovi.js" rel="modulepreload">
+		<link href="/_app/immutable/entry/start.Dlb7Tuvj.js" rel="modulepreload">
+		<link href="/_app/immutable/chunks/BLsRBDSf.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/DBeLgT1-.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/SAcaBy3_.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/DL-Ee-iM.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/BCvik_Lu.js" rel="modulepreload">
 		<link href="/_app/immutable/chunks/BdrVqzRy.js" rel="modulepreload">
-		<link href="/_app/immutable/entry/app.B_lhmyMs.js" rel="modulepreload">
+		<link href="/_app/immutable/entry/app.DqpxIfG3.js" rel="modulepreload">
 		
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">
 			<script>
 				{
-					__sveltekit_vhg0t8 = {
+					__sveltekit_1ua4rr3 = {
 						base: ""
 					};
 
 					const element = document.currentScript.parentElement;
 
 					Promise.all([
-						import("/_app/immutable/entry/start.DpHKCwmv.js"),
-						import("/_app/immutable/entry/app.B_lhmyMs.js")
+						import("/_app/immutable/entry/start.Dlb7Tuvj.js"),
+						import("/_app/immutable/entry/app.DqpxIfG3.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element);
 					});

web/src/lib/components/Header.svelte

@@ -34,15 +34,15 @@
 	<div class="flex-1"></div>
 
 	<!-- Search -->
-	<form class="max-w-xs w-full" onsubmit={handleSearch}>
+	<form class="w-80" onsubmit={handleSearch}>
 		<div class="relative">
-			<svg class="absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+			<svg class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
 				<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
 			</svg>
 			<input
 				type="search"
-				placeholder="Search..."
-				class="w-full pl-8 pr-3 py-1.5 text-xs bg-bg-tertiary border border-border rounded text-text-primary placeholder-text-secondary focus:border-border-active focus:ring-0 outline-none"
+				placeholder="Search messages..."
+				class="w-full pl-9 pr-3 py-2 text-sm bg-bg-tertiary border border-border rounded-md text-text-primary placeholder-text-secondary focus:border-border-active focus:ring-0 outline-none"
 				bind:value={searchQuery}
 			/>
 		</div>

web/src/lib/components/Sidebar.svelte

@@ -91,19 +91,6 @@
 		</button>
 	</div>
 
-	<!-- Search bar -->
-	<div class="px-3 py-2.5 flex-shrink-0">
-		<button
-			class="w-full flex items-center gap-2 px-2.5 py-1.5 bg-bg-tertiary rounded text-text-secondary text-xs hover:bg-bg-input transition-colors"
-			onclick={() => goto('/conversations')}
-		>
-			<svg class="w-3.5 h-3.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
-				<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
-			</svg>
-			Search messages
-		</button>
-	</div>
-
 	<!-- Scrollable nav -->
 	<nav class="flex-1 overflow-y-auto px-2 pb-3">
 		<!-- Dashboard -->