Now update the Payment Details card description and add fulfillment card actions.


Edit

#### Payment Details
A card showing:
- Provider (Stripe/PayPal) as text
- Status as Flux badge
- Amount
- Provider payment ID (linked if applicable)

#### Payment Details
A card showing:
- Payment method as text (Credit Card / PayPal / Bank Transfer), derived from `order.payment_method` enum
- Status as Flux badge (pending=zinc, captured=green, failed=red, refunded=yellow)
- Amount formatted as currency
- Mock reference ID (provider_payment_id)
- **"Confirm payment" button** (primary variant): Shown only when `payment_method = bank_transfer` AND `financial_status = pending`. Clicking calls `confirmPayment()`.

#### Fulfillment Cards

Each existing fulfillment is rendered as a card below the timeline. Each card shows:
- Fulfillment status badge (pending=zinc, shipped=blue, delivered=green)
- Tracking info (company, number, URL link)
- Line items included in the fulfillment
- **Action buttons on each fulfillment card:**
  - "Mark as shipped" button (shown when fulfillment status is `pending`). On click, calls `markAsShipped(fulfillmentId)`. Sets `shipped_at` timestamp.
  - "Mark as delivered" button (shown when fulfillment status is `shipped`). On click, calls `markAsDelivered(fulfillmentId)`. Sets `delivered_at` timestamp. When all fulfillments are delivered, the order's `fulfillment_status` transitions to `fulfilled`.