Move manager tabs into hero

app/components/ui/SectionSearchHero.vue

@@ -18,6 +18,8 @@ function updateValue(event: Event) {
   <div class="space-y-5">
     <h1 class="text-3xl font-extrabold text-[#0f2f20]">{{ props.title }}</h1>
 
+    <slot name="tabs" />
+
     <div class="flex flex-col gap-3 md:flex-row md:items-center">
       <label class="input input-bordered flex w-full flex-1 items-center gap-3 rounded-full bg-white">
         <svg

app/pages/bonus-system/index.vue

@@ -89,24 +89,26 @@ const filteredWithdrawals = computed(() => {
       v-model="search"
       title="Бонусы"
       :search-placeholder="activeTab === 'balances' ? 'Пользователь, email, компания или сумма' : 'Пользователь, сумма или статус'"
-    />
+    >
-
+      <template #tabs>
-    <div class="tabs tabs-boxed w-fit bg-white">
+        <div class="tabs tabs-boxed w-fit bg-white">
-      <button
+          <button
-        class="tab"
+            class="tab"
-        :class="{ 'tab-active': activeTab === 'balances' }"
+            :class="{ 'tab-active': activeTab === 'balances' }"
-        @click="setTab('balances')"
+            @click="setTab('balances')"
-      >
+          >
-        Балансы
+            Балансы
-      </button>
+          </button>
-      <button
+          <button
-        class="tab"
+            class="tab"
-        :class="{ 'tab-active': activeTab === 'withdrawals' }"
+            :class="{ 'tab-active': activeTab === 'withdrawals' }"
-        @click="setTab('withdrawals')"
+            @click="setTab('withdrawals')"
-      >
+          >
-        Заявки на выплату
+            Заявки на выплату
-      </button>
+          </button>
-    </div>
+        </div>
+      </template>
+    </UiSectionSearchHero>
 
     <template v-if="activeTab === 'balances'">
       <div v-if="balancesQuery.loading.value" class="manager-empty-state">

app/pages/clients/index.vue

@@ -113,6 +113,25 @@ function userInitials(fullName: string) {
       title="Пользователи"
       :search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
     >
+      <template #tabs>
+        <div class="tabs tabs-boxed w-fit bg-white">
+          <button
+            class="tab"
+            :class="{ 'tab-active': activeTab === 'users' }"
+            @click="setTab('users')"
+          >
+            Пользователи
+          </button>
+          <button
+            class="tab"
+            :class="{ 'tab-active': activeTab === 'requests' }"
+            @click="setTab('requests')"
+          >
+            Заявки
+          </button>
+        </div>
+      </template>
+
       <template #controls>
         <NuxtLink to="/clients/invite" class="btn btn-primary border-0">
           Пригласить
@@ -120,23 +139,6 @@ function userInitials(fullName: string) {
       </template>
     </UiSectionSearchHero>
 
-    <div class="tabs tabs-boxed w-fit bg-white">
-      <button
-        class="tab"
-        :class="{ 'tab-active': activeTab === 'users' }"
-        @click="setTab('users')"
-      >
-        Пользователи
-      </button>
-      <button
-        class="tab"
-        :class="{ 'tab-active': activeTab === 'requests' }"
-        @click="setTab('requests')"
-      >
-        Заявки
-      </button>
-    </div>
-
     <template v-if="activeTab === 'users'">
       <div v-if="usersQuery.loading.value" class="manager-empty-state">
         Загружаем пользователей...