Simplify order detail layout

app/pages/orders/[id].vue

@@ -4,6 +4,10 @@ import {
   MyOrdersDocument,
   type MyOrdersQuery,
 } from '~/composables/graphql/generated';
+import {
+  orderDeliveryStateText,
+  orderLineStateText,
+} from '~/composables/useOrderDetailPresentation';
 
 type OrderItem = MyOrdersQuery['myOrders'][number];
 
@@ -46,21 +50,22 @@ const currentOrder = computed<OrderItem | null>(() =>
             <li
               v-for="item in currentOrder.items"
               :key="item.id"
-              class="manager-mini-card text-sm text-[#123824]"
+              class="manager-mini-card space-y-2"
             >
-              {{ item.productName }} × {{ item.quantity }}
+              <p class="text-sm font-semibold text-[#123824]">{{ item.productName }} × {{ item.quantity }}</p>
+              <p class="text-sm text-[#5c7b69]">{{ orderLineStateText(currentOrder.totalPrice) }}</p>
             </li>
           </ul>
         </div>
 
         <div class="surface-card rounded-3xl p-5">
           <h2 class="text-xl font-bold text-[#123824]">Доставка</h2>
-          <div class="mt-4 grid gap-3 md:grid-cols-2">
+          <div class="mt-4 space-y-3">
             <div class="manager-mini-card text-sm text-[#123824]">
-              Адрес: {{ currentOrder.deliveryAddress || 'не выбран' }}
+              Адрес: {{ currentOrder.deliveryAddress || 'Адрес пока не указан' }}
             </div>
             <div class="manager-mini-card text-sm text-[#123824]">
-              Условия: {{ currentOrder.deliveryTerms || 'еще не указаны' }}
+              {{ orderDeliveryStateText(currentOrder.deliveryTerms) }}
             </div>
           </div>
         </div>