fix nav bug taking you to / always

ui/src/layout/Header.svelte

@@ -7,8 +7,16 @@
   const searchMatch = useMatch("/search/:query");
 
   let searchQuery = $searchMatch?.params.query || "";
-  $: if (searchQuery.length > 0) navigate(`/search/${searchQuery}`); else navigate ("/");
   $: if (!$location.pathname.includes("search")) searchQuery = "";
+  function onInput(ev: InputEvent) {
+    searchQuery = ev.target.value;
+
+    if (searchQuery.length > 0) {
+      navigate(`/search/${searchQuery}`);
+    } else {
+      navigate("/");
+    }
+  }
 </script>
 
 <div class="header">
@@ -18,11 +26,7 @@
       UpEnd
     </Link>
   </h1>
-  <sl-input
-    placeholder="Search"
-    value={searchQuery}
-    on:sl-input={(ev) => (searchQuery = ev.target.value)}
-  >
+  <sl-input placeholder="Search" value={searchQuery} on:sl-input={onInput}>
     <sl-icon name="search" slot="prefix" />
   </sl-input>
 </div>