Unify inner page back headers

app/pages/profile/addresses.vue

@@ -61,23 +61,21 @@ async function deleteAddress(addressId: string) {
 
 <template>
   <section class="space-y-6">
-    <NuxtLink to="/profile" class="link link-hover text-sm">← Назад в профиль</NuxtLink>
-
-    <div class="flex flex-col gap-4 md:flex-row md:items-end md:justify-between">
-      <div class="space-y-2">
-        <h1 class="text-3xl font-extrabold text-[#0f2f20]">Адреса доставки</h1>
-        <p class="text-sm leading-6 text-[#466653]">
-          Выберите основной адрес для заказов или добавьте новый.
-        </p>
-      </div>
-
-      <NuxtLink
-        to="/profile/addresses/new"
-        class="btn rounded-full border-0 bg-[#123824] px-6 text-white hover:bg-[#0f2f20]"
-      >
-        Добавить
-      </NuxtLink>
-    </div>
+    <UiBackHeader
+      to="/profile"
+      back-label="Назад в профиль"
+      title="Адреса доставки"
+      subtitle="Выберите основной адрес для заказов или добавьте новый."
+    >
+      <template #actions>
+        <NuxtLink
+          to="/profile/addresses/new"
+          class="btn rounded-full border-0 bg-[#123824] px-6 text-white hover:bg-[#0f2f20]"
+        >
+          Добавить
+        </NuxtLink>
+      </template>
+    </UiBackHeader>
 
     <div
       v-if="addressFeedback"