Unify section search headers

app/components/catalog/CatalogConfigurator.vue

@@ -433,37 +433,11 @@ function decrementSelected(group: ProductGroup) {
 
 <template>
   <section class="space-y-5">
-    <h1 class="text-3xl font-extrabold text-[#0f2f20]">Каталог</h1>
-
-    <label class="input input-bordered flex w-full items-center gap-3 rounded-full bg-white">
-      <svg
-        class="h-4 w-4 shrink-0 text-base-content/45"
-        viewBox="0 0 20 20"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M14.1667 14.1667L17.5 17.5"
-          stroke="currentColor"
-          stroke-width="1.6"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-        <circle
-          cx="8.75"
-          cy="8.75"
-          r="5.83333"
-          stroke="currentColor"
-          stroke-width="1.6"
-        />
-      </svg>
-      <input
-        v-model="search"
-        type="text"
-        class="grow"
-        placeholder="Поиск по артикулу, типу товара или параметрам"
-      >
-    </label>
+    <UiSectionSearchHero
+      v-model="search"
+      title="Каталог"
+      search-placeholder="Поиск по артикулу, типу товара или параметрам"
+    />
 
     <div v-if="loading" class="alert surface-card border-0">Загрузка каталога...</div>
     <div v-else-if="error" class="alert alert-error">{{ error.message }}</div>