Move manager tabs into hero

app/pages/bonus-system/index.vue

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