Unify inner page back headers

app/pages/profile/counterparty.vue

@@ -254,23 +254,21 @@ onBeforeUnmount(() => {
 
 <template>
   <section class="space-y-6">
-    <NuxtLink to="/profile" class="link link-hover text-sm">← Назад в профиль</NuxtLink>
-
-    <div class="space-y-2">
-      <div class="flex flex-wrap items-center justify-between gap-3">
-        <h1 class="text-3xl font-extrabold text-[#0f2f20]">Карточка контрагента</h1>
+    <UiBackHeader
+      to="/profile"
+      back-label="Назад в профиль"
+      title="Карточка контрагента"
+      subtitle="Заполните реквизиты компании, банка и подписанта. После этого карточку можно будет использовать в заказах без ручного добивания данных."
+    >
+      <template #actions>
         <span
           class="inline-flex items-center rounded-full px-3 py-1 text-xs font-bold uppercase tracking-[0.16em]"
           :class="profileIsComplete ? 'bg-[#e8f6ee] text-[#0d854a]' : 'bg-[#fff3dc] text-[#b06b00]'"
         >
           {{ profileIsComplete ? 'Заполнено' : 'Нужно заполнить' }}
         </span>
-      </div>
-
-      <p class="max-w-3xl text-sm leading-6 text-[#355947]">
-        Заполните реквизиты компании, банка и подписанта. После этого карточку можно будет использовать в заказах без ручного добивания данных.
-      </p>
-    </div>
+      </template>
+    </UiBackHeader>
 
     <div class="space-y-4">
       <section class="surface-card rounded-3xl p-5 md:p-6">