Move manager routes under /admin

app/pages/bonus-system/index.vue

@@ -14,6 +14,8 @@ import { messengerConnectionAvatarSrc } from '~/composables/useMessengerConnecti
 
 definePageMeta({
   middleware: ['manager-only'],
+  path: '/admin/bonuses/:section(balances|requests|rewards)?',
+  alias: ['/bonus-system'],
 });
 
 type BalanceItem = ManagerBonusBalancesQuery['managerBonusBalances'][number];
@@ -38,10 +40,10 @@ const withdrawalsQuery = useQuery(ManagerWithdrawalRequestsDocument, {
 });
 
 const activeTab = computed<'balances' | 'withdrawals' | 'rewards'>(() => {
-  if (route.query.tab === 'withdrawals') {
+  if (route.path === '/admin/bonuses/requests') {
     return 'withdrawals';
   }
-  if (route.query.tab === 'rewards' || route.query.tab === 'products' || route.query.tab === 'manager') {
+  if (route.path === '/admin/bonuses/rewards') {
     return 'rewards';
   }
   return 'balances';
@@ -316,7 +318,7 @@ function productVisualLabel(product: ProductCard) {
           <UsersGridCard
             v-for="item in visibleBalances"
             :key="item.userId"
-            :to="`/bonus-system/${item.userId}`"
+            :to="`/admin/bonuses/balances/${item.userId}`"
             :full-name="item.fullName"
             :avatar-src="messengerConnectionAvatarSrc(usersById.get(item.userId)?.telegramConnection)"
             :initials="userInitials(item.fullName)"
@@ -379,7 +381,7 @@ function productVisualLabel(product: ProductCard) {
         <NuxtLink
           v-for="withdrawal in visibleWithdrawals"
           :key="withdrawal.id"
-          :to="`/bonus-system/withdrawals/${withdrawal.id}`"
+          :to="`/admin/bonuses/requests/${withdrawal.id}`"
           class="surface-card surface-card-interactive block rounded-[30px] bg-white px-4 py-4 md:px-5"
         >
           <div class="grid gap-4 md:grid-cols-[minmax(0,1fr)_minmax(0,1.4fr)_180px_140px] md:items-center md:gap-6">