fix(web): correct search navigation from home page and header

Example search buttons on home page and header search input were
navigating to non-existent /autocomplete route, causing 404 errors.
Changed to correct /search route which properly displays search results.

Author: Mearman

apps/web/src/components/layout/HeaderSearchInput.tsx

@@ -79,9 +79,9 @@ export const HeaderSearchInput = () => {
   // Enable keyboard navigation shortcuts
   useKeyboardNavigation();
 
-  // Initialize from URL params if on autocomplete page
+  // Initialize from URL params if on search page
   const [query, setQuery] = useState(() => {
-    if (location.pathname === "/autocomplete" && searchParams.q) {
+    if (location.pathname === "/search" && searchParams.q) {
       return String(searchParams.q);
     }
     return "";
@@ -97,9 +97,9 @@ export const HeaderSearchInput = () => {
 
   // Update local state when URL changes
   useEffect(() => {
-    if (location.pathname === "/autocomplete" && searchParams.q) {
+    if (location.pathname === "/search" && searchParams.q) {
       setQuery(String(searchParams.q));
-    } else if (location.pathname !== "/autocomplete") {
+    } else if (location.pathname !== "/search") {
       setQuery("");
     }
   }, [location.pathname, searchParams.q]);
@@ -257,7 +257,7 @@ export const HeaderSearchInput = () => {
 
     // Navigate to search
     navigate({
-      to: "/autocomplete",
+      to: "/search",
       search: { q: trimmedQuery, filter: undefined, search: undefined },
     });
 

apps/web/src/routes/index.lazy.tsx

@@ -34,17 +34,17 @@ const HomePage = () => {
     e.preventDefault();
     if (!searchQuery.trim()) return;
 
-    // Navigate to autocomplete page with search query
+    // Navigate to search page with search query
     navigate({
-      to: "/autocomplete",
+      to: "/search",
       search: { q: searchQuery.trim(), filter: undefined, search: undefined },
     });
   };
 
   const handleExampleSearch = (query: string) => {
-    // Navigate to autocomplete page with example query
+    // Navigate to search page with example query
     navigate({
-      to: "/autocomplete",
+      to: "/search",
       search: { q: query, filter: undefined, search: undefined },
     });
   };