Unify inner page back headers

app/pages/bonus-system/[userId].vue

@@ -39,8 +39,6 @@ function formatDateTime(value: string) {
 
 <template>
   <section class="space-y-6">
-    <NuxtLink to="/admin/bonuses/balances" class="text-sm font-semibold text-[#0d854a]">← Назад к бонусам</NuxtLink>
-
     <div v-if="bonusAccountQuery.loading.value" class="manager-empty-state">
       Загружаем бонусный счёт...
     </div>
@@ -51,18 +49,19 @@ function formatDateTime(value: string) {
 
     <template v-else>
       <div class="space-y-4">
-        <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-          <div class="space-y-1">
-            <h1 class="text-3xl font-extrabold text-[#123824]">{{ bonusAccount.fullName }}</h1>
-            <p v-if="bonusAccount.companyName || bonusAccount.email" class="text-sm text-[#5c7b69]">
-              {{ bonusAccount.companyName || bonusAccount.email }}
-            </p>
-          </div>
-          <div class="text-left sm:text-right">
-            <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Доступный бонус</p>
-            <p class="mt-2 text-3xl font-black leading-none text-[#123824]">{{ formatAmount(bonusAccount.balance) }}</p>
-          </div>
-        </div>
+        <UiBackHeader
+          to="/admin/bonuses/balances"
+          back-label="Назад к бонусам"
+          :title="`Бонусный счёт ${bonusAccount.fullName}`"
+          :subtitle="bonusAccount.companyName || bonusAccount.email || undefined"
+        >
+          <template #actions>
+            <div class="text-left md:text-right">
+              <p class="text-[11px] font-semibold uppercase tracking-[0.18em] text-[#6a8a76]">Доступный бонус</p>
+              <p class="mt-2 text-3xl font-black leading-none text-[#123824]">{{ formatAmount(bonusAccount.balance) }}</p>
+            </div>
+          </template>
+        </UiBackHeader>
 
         <div v-if="pendingWithdrawals.length" class="surface-card rounded-[32px] p-6">
           <p class="text-lg font-bold text-[#123824]">Выводы</p>

app/pages/bonus-system/referrals/new.vue

@@ -103,15 +103,12 @@ async function createReferral() {
 
 <template>
   <section class="space-y-6 max-w-3xl">
-    <NuxtLink to="/admin/bonuses/balances" class="text-sm font-semibold text-[#0d854a]">← Назад к бонусам</NuxtLink>
-
-    <div class="manager-hero">
-      <p class="manager-eyebrow">Бонусы</p>
-      <h1 class="manager-title">Создать бонусную связку клиентов</h1>
-      <p class="max-w-2xl text-sm text-[#466653]">
-        Первый клиент получает процент бонуса, когда заказ второго клиента переходит в статус доставленного.
-      </p>
-    </div>
+    <UiBackHeader
+      to="/admin/bonuses/balances"
+      back-label="Назад к бонусам"
+      title="Создать бонусную связку клиентов"
+      subtitle="Первый клиент получает процент бонуса, когда заказ второго клиента переходит в статус доставленного."
+    />
 
     <div class="surface-card rounded-3xl p-5 space-y-4">
       <label class="form-control">

app/pages/bonus-system/transactions/new.vue

@@ -31,12 +31,11 @@ async function addBonus() {
 
 <template>
   <section class="space-y-6 max-w-3xl">
-    <NuxtLink to="/admin/bonuses/balances" class="text-sm font-semibold text-[#0d854a]">← Назад к бонусам</NuxtLink>
-
-    <div class="manager-hero">
-      <p class="manager-eyebrow">Бонусы</p>
-      <h1 class="manager-title">Добавить бонусную транзакцию</h1>
-    </div>
+    <UiBackHeader
+      to="/admin/bonuses/balances"
+      back-label="Назад к бонусам"
+      title="Добавить бонусную транзакцию"
+    />
 
     <div class="surface-card rounded-3xl p-5 space-y-3">
       <label class="form-control">

app/pages/bonus-system/withdrawals/[id].vue

@@ -49,8 +49,6 @@ async function reviewWithdrawal() {
 
 <template>
   <section class="space-y-6 max-w-3xl">
-    <NuxtLink to="/admin/bonuses/requests" class="text-sm font-semibold text-[#0d854a]">← Назад к бонусам</NuxtLink>
-
     <div v-if="withdrawalsQuery.loading.value" class="manager-empty-state">
       Загружаем заявку на вывод...
     </div>
@@ -60,13 +58,12 @@ async function reviewWithdrawal() {
     </div>
 
     <template v-else>
-      <div class="manager-hero">
-        <p class="manager-eyebrow">Вывод</p>
-        <h1 class="manager-title">Проверка заявки на вывод</h1>
-        <p class="manager-copy">
-          {{ currentWithdrawal.requesterFullName }} · {{ currentWithdrawal.requesterEmail }} · Сумма: {{ currentWithdrawal.amount }}
-        </p>
-      </div>
+      <UiBackHeader
+        to="/admin/bonuses/requests"
+        back-label="Назад к бонусам"
+        title="Проверка заявки на вывод"
+        :subtitle="`${currentWithdrawal.requesterFullName} · ${currentWithdrawal.requesterEmail} · Сумма: ${currentWithdrawal.amount}`"
+      />
 
       <div class="surface-card rounded-3xl p-5 space-y-3">
         <label class="form-control">