Add user and manager order detail pages

app/pages/orders.vue

@@ -69,10 +69,11 @@ const filteredOrders = computed(() => {
     </div>
 
     <div v-else class="space-y-3">
-      <article
+      <NuxtLink
         v-for="order in filteredOrders"
         :key="order.id"
-        class="surface-card rounded-3xl p-4 md:p-5"
+        :to="`/orders/${order.id}`"
+        class="surface-card block rounded-3xl p-4 md:p-5"
       >
         <div class="flex flex-wrap items-start justify-between gap-3">
           <div class="space-y-1">
@@ -95,7 +96,7 @@ const filteredOrders = computed(() => {
             {{ item.productName }} × {{ item.quantity }}
           </li>
         </ul>
-      </article>
+      </NuxtLink>
     </div>
   </section>
 </template>