Feature: Add order tracking and shipping status updates

- Add carrier, trackingNumber, and estimatedDeliveryDate fields to Order model
- Update order statuses: PENDING, PAID, PRINTING, PRINTED, SHIPPED, DELIVERED, FAILED
- Add admin UI on order detail page to update tracking information
- Display tracking info on customer account page in order history
- Server action to update order tracking and status

Customers can now see their shipping status and tracking details from
their account page. Admins can update order status and tracking info
from the order detail page.

src/app/account/page.tsx

@@ -90,22 +90,37 @@ export default async function AccountPage() {
       ) : (
         <div className="mt-4 divide-y divide-line border-t border-line">
           {orders.map((order) => (
-            <Link
-              key={order.id}
-              href={`/account/orders/${order.id}`}
-              className="flex flex-wrap items-center justify-between gap-2 py-4 hover:bg-surface"
-            >
-              <div>
-                <p className="text-sm">
-                  {new Date(order.createdAt).toLocaleDateString(undefined, { dateStyle: 'medium' })} ·{' '}
-                  {order.items.length} item{order.items.length === 1 ? '' : 's'}
-                </p>
-                <span className={`tag-label mt-1 inline-block rounded-full px-3 py-1 ${statusClasses(order.status)}`}>
-                  {statusLabel(order.status)}
-                </span>
-              </div>
-              <span className="font-mono text-sm">{formatPrice(order.total)}</span>
-            </Link>
+            <div key={order.id} className="border-b border-line py-4 last:border-b-0">
+              <Link
+                href={`/account/orders/${order.id}`}
+                className="flex flex-wrap items-center justify-between gap-2 hover:opacity-80"
+              >
+                <div>
+                  <p className="text-sm">
+                    {new Date(order.createdAt).toLocaleDateString(undefined, { dateStyle: 'medium' })} ·{' '}
+                    {order.items.length} item{order.items.length === 1 ? '' : 's'}
+                  </p>
+                  <span className={`tag-label mt-1 inline-block rounded-full px-3 py-1 ${statusClasses(order.status)}`}>
+                    {statusLabel(order.status)}
+                  </span>
+                </div>
+                <span className="font-mono text-sm">{formatPrice(order.total)}</span>
+              </Link>
+
+              {/* Tracking Information */}
+              {order.carrier && order.trackingNumber && (
+                <div className="mt-3 border-t border-line pt-3 text-sm">
+                  <p>
+                    <strong>Tracking:</strong> {order.carrier} · {order.trackingNumber}
+                  </p>
+                  {order.estimatedDeliveryDate && (
+                    <p className="text-muted">
+                      Est. delivery: {new Date(order.estimatedDeliveryDate).toLocaleDateString(undefined, { dateStyle: 'medium' })}
+                    </p>
+                  )}
+                </div>
+              )}
+            </div>
           ))}
         </div>
       )}