QC-68: Customer checkout completion + order tracking workflow

[DarshanCode2005]

Summary

Customer checkout completion + order tracking workflow

Milestone: M2 Customer
Labels: frontend, customer

Learn

• Post-purchase UX patterns
• Cart clearing after successful order
• Deep linking to order detail

Build

• CheckoutForm success: primary CTA 'View order' → /customer/orders/[orderId]
• Secondary CTA 'Continue browsing' → /customer/shops
• Clear placed shop's cart lines after successful order (verify/create if missing)
• Order detail page: clear back link to orders list + link to shop
• CustomerOrdersList empty state already links to shops — ensure order cards are reachable from nav (QC-67)

Files

• components/customer/CheckoutForm.tsx
• app/(customer)/customer/orders/[orderId]/page.tsx
• components/customer/CustomerOrdersList.tsx
• store/cart.ts

Acceptance criteria

• After COD or Stripe order, user reaches order detail in one click
• Cart for that shop is empty after successful placement
• Order detail links back to orders list and shop browse
• No dead-end success screen (order ID only with no next step)

Depends on

• QC-26: POST /api/orders (create order, COD path) #27 (QC-26)
• QC-28: Checkout Stripe Elements integration #29 (QC-28)
• QC-29: Customer orders list page #30 (QC-29)
• QC-67: Customer app shell + shops/cart/orders navigation #126 (QC-67)