Separate manager page tabs from hero

app/pages/clients/index.vue

@@ -108,30 +108,30 @@ function userInitials(fullName: string) {
 
 <template>
   <section class="space-y-6">
+    <div class="manager-page-tabs">
+      <button
+        type="button"
+        class="manager-page-tab"
+        :class="{ 'manager-page-tab--active': activeTab === 'users' }"
+        @click="setTab('users')"
+      >
+        Пользователи
+      </button>
+      <button
+        type="button"
+        class="manager-page-tab"
+        :class="{ 'manager-page-tab--active': activeTab === 'requests' }"
+        @click="setTab('requests')"
+      >
+        Заявки
+      </button>
+    </div>
+
     <UiSectionSearchHero
       v-model="search"
       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">
           Пригласить