Add user and manager order detail pages

app/pages/orders/[id].vue

@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { useQuery } from '@vue/apollo-composable';
+import OrderStatusBadge from '~/components/orders/OrderStatusBadge.vue';
+import {
+  MyOrdersDocument,
+  type MyOrdersQuery,
+} from '~/composables/graphql/generated';
+
+type OrderItem = MyOrdersQuery['myOrders'][number];
+
+const route = useRoute();
+const orderId = computed(() => String(route.params.id || ''));
+const ordersQuery = useQuery(MyOrdersDocument);
+
+const currentOrder = computed<OrderItem | null>(() =>
+  (ordersQuery.result.value?.myOrders ?? []).find((item: OrderItem) => item.id === orderId.value) ?? null,
+);
+</script>
+
+<template>
+  <section class="space-y-6">
+    <NuxtLink to="/orders" class="text-sm font-semibold text-[#0d854a]">← Назад к моим заказам</NuxtLink>
+
+    <div v-if="ordersQuery.loading.value" class="manager-empty-state">
+      Загружаем заказ...
+    </div>
+
+    <div v-else-if="!currentOrder" class="manager-empty-state">
+      Заказ не найден.
+    </div>
+
+    <template v-else>
+      <div class="manager-hero">
+        <p class="manager-eyebrow">Заказ</p>
+        <h1 class="manager-title">{{ currentOrder.code }}</h1>
+      </div>
+
+      <div class="space-y-4">
+        <div class="surface-card rounded-3xl p-5">
+          <h2 class="text-xl font-bold text-[#123824]">Статус заказа</h2>
+          <div class="mt-4 flex flex-wrap items-center justify-between gap-3">
+            <div class="space-y-1 text-sm text-[#355947]">
+              <p>Создан: {{ new Date(currentOrder.createdAt).toLocaleString() }}</p>
+            </div>
+            <OrderStatusBadge :status="currentOrder.status" />
+          </div>
+        </div>
+
+        <div class="surface-card rounded-3xl p-5">
+          <h2 class="text-xl font-bold text-[#123824]">Состав заказа</h2>
+          <ul class="mt-4 space-y-3">
+            <li
+              v-for="item in currentOrder.items"
+              :key="item.id"
+              class="manager-mini-card text-sm text-[#123824]"
+            >
+              {{ item.productName }} × {{ item.quantity }}
+            </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="manager-mini-card text-sm text-[#123824]">
+              Адрес: {{ currentOrder.deliveryAddress || 'не выбран' }}
+            </div>
+            <div class="manager-mini-card text-sm text-[#123824]">
+              Условия: {{ currentOrder.deliveryTerms || 'еще не указаны' }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+  </section>
+</template>