Add unified order summary card

app/pages/clients/[id].vue

@@ -178,21 +178,21 @@ async function rejectRequest() {
             У пользователя пока нет заказов.
           </div>
           <div v-else class="mt-4 space-y-3">
-            <NuxtLink
+            <OrdersOrderSummaryCard
               v-for="order in currentUserOrders"
               :key="order.id"
               :to="`/client-orders/${order.id}`"
-              class="manager-mini-card block"
-            >
-              <div class="flex flex-wrap items-start justify-between gap-3">
-                <div class="space-y-1">
-                  <p class="text-sm font-semibold text-[#123824]">{{ order.code }}</p>
-                  <p class="text-sm text-[#355947]">{{ new Date(order.createdAt).toLocaleString() }}</p>
-                  <p v-if="order.deliveryAddress" class="text-sm text-[#355947]">{{ order.deliveryAddress }}</p>
-                </div>
-                <p class="text-sm font-semibold text-[#466653]">{{ order.status }}</p>
-              </div>
-            </NuxtLink>
+              :code="order.code"
+              :status="order.status"
+              :created-at="order.createdAt"
+              :total-price="order.totalPrice"
+              :items="order.items"
+              :customer="{
+                name: currentUser.fullName,
+                avatarSrc: messengerConnectionAvatarSrc(currentUser.telegramConnection),
+                initials: userInitials(currentUser.fullName),
+              }"
+            />
           </div>
         </div>
       </template>