Refine order code and calendar cards

app/pages/orders/[id].vue

@@ -4,6 +4,7 @@ import {
   OrderDetailDocument,
   type OrderDetailQuery,
 } from '~/composables/graphql/generated';
+import { formatOrderCode } from '~/composables/useOrderCodePresentation';
 import {
   orderDeliveryStateText,
   orderLogisticsStateText,
@@ -20,6 +21,8 @@ const orderQuery = useQuery(OrderDetailDocument, () => ({
 const currentOrder = computed<OrderItem | null>(() =>
   orderQuery.result.value?.order ?? null,
 );
+
+const currentOrderCode = computed(() => formatOrderCode(currentOrder.value?.code));
 </script>
 
 <template>
@@ -37,7 +40,7 @@ const currentOrder = computed<OrderItem | null>(() =>
     <template v-else>
       <div class="manager-hero">
         <p class="manager-eyebrow">Заказ</p>
-        <h1 class="manager-title">{{ currentOrder.code }}</h1>
+        <h1 class="manager-title">{{ currentOrderCode }}</h1>
       </div>
 
       <div class="space-y-4">