Unify inner page back headers

app/pages/orders/[id].vue

@@ -32,20 +32,11 @@ const currentOrderCode = computed(() => formatOrderCode(currentOrder.value?.code
     </div>
 
     <template v-else>
-      <div class="flex flex-wrap items-center gap-3 px-1">
-        <NuxtLink
-          to="/orders"
-          aria-label="Назад к моим заказам"
-          class="flex h-11 w-11 items-center justify-center rounded-full bg-white/70 text-[#0d854a] transition hover:bg-white"
-        >
-          <svg class="h-5 w-5" viewBox="0 0 20 20" fill="none">
-            <path d="M11.5 4.5L6 10L11.5 15.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
-          </svg>
-        </NuxtLink>
-        <h1 class="text-2xl font-black tracking-[-0.03em] text-[#123824] md:text-3xl">
-          Заказ {{ currentOrderCode }}
-        </h1>
-      </div>
+      <UiBackHeader
+        to="/orders"
+        back-label="Назад к моим заказам"
+        :title="`Заказ ${currentOrderCode}`"
+      />
 
       <div class="space-y-4">
         <OrdersOrderStatusTimelineCard