Merge pull request 'feat/admin' (#2) from feat/admin into main

Reviewed-on: http://72.61.144.167:3000/admin/the-pet-loft/pulls/2

apps/storefront/src/components/layout/header/HeaderSearchBar.tsx

@@ -6,7 +6,6 @@ import {
   useProductSearch,
   useClickOutside,
   SEARCH_CATEGORIES,
-  MIN_SEARCH_LENGTH,
 } from "@/lib/search";
 import type { SearchCategory } from "@/lib/search";
 import { SearchResultsPanel } from "@/components/search/SearchResultsPanel";
@@ -39,15 +38,6 @@ export function HeaderSearchBar({ variant }: HeaderSearchBarProps) {
     setDropdownOpen(false);
   }
 
-  function handleSearchButtonClick() {
-    if (search.query.length >= MIN_SEARCH_LENGTH) {
-      router.push(`/shop?search=${encodeURIComponent(search.query)}`);
-      search.close();
-    } else {
-      search.open();
-    }
-  }
-
   const isDesktop = variant === "desktop";
 
   return (
@@ -153,8 +143,8 @@ export function HeaderSearchBar({ variant }: HeaderSearchBarProps) {
         }
         className={
           isDesktop
-            ? "flex-1 bg-transparent py-3 pl-4 pr-3 text-sm text-[#1a2e2d] outline-none placeholder:text-[#8aa9a8]"
-            : "flex-1 border-none bg-transparent pl-3 text-sm text-[#1a2e2d] outline-none placeholder:text-[#8aa9a8] focus:ring-0"
+            ? "flex-1 bg-transparent py-3 pl-4 pr-5 text-sm text-[#1a2e2d] outline-none placeholder:text-[#8aa9a8]"
+            : "flex-1 border-none bg-transparent pl-3 pr-4 text-sm text-[#1a2e2d] outline-none placeholder:text-[#8aa9a8] focus:ring-0"
         }
         role="combobox"
         aria-expanded={search.isOpen && search.showResults}
@@ -168,27 +158,6 @@ export function HeaderSearchBar({ variant }: HeaderSearchBarProps) {
         autoComplete="off"
       />
 
-      {/* Search Button */}
-      <button
-        onClick={handleSearchButtonClick}
-        aria-label="Search"
-        className={`${isDesktop ? "mr-1.5 " : ""}flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#236f6b] text-white transition-colors hover:bg-[#38a99f]`}
-      >
-        <svg
-          width="16"
-          height="16"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        >
-          <circle cx="11" cy="11" r="8" />
-          <line x1="21" y1="21" x2="16.65" y2="16.65" />
-        </svg>
-      </button>
-
       {/* Results Panel */}
       {(search.showResults || search.showMinCharsHint) && (
         <SearchResultsPanel