update css vars

components/navigation/navigation.tsx

@@ -80,12 +80,13 @@ export function Navigation({
 
           <div className="flex items-center gap-1">
             {showSearch === "yes" && (
-              <button
+              <Link
+                to="/search"
                 aria-label="Search"
                 className="hidden h-10 w-10 items-center justify-center rounded-full transition-colors hover:bg-foreground/5 md:inline-flex"
               >
                 <Search size={18} strokeWidth={1.5} />
-              </button>
+              </Link>
             )}
             {showCart === "yes" && (
               <button