feat: implement multi-step checkout

[mateo-agilo]

No description provided.

[Copilot]

Pull Request Overview

This PR implements a multi-step checkout flow that separates the checkout process into distinct "details" and "payment" steps. The checkout now allows users to review order details first, then proceed to select a payment method before completing the order.

• Adds a new PaymentSelection component for choosing between cash and credit card payment methods
• Creates icon components for wallet and credit card to support the payment UI
• Refactors the checkout screen to use step-based navigation with conditional rendering

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.

File	Description
components/icons/wallet.tsx	Adds wallet icon component for cash payment option
components/icons/creadit-card.tsx	Adds credit card icon component for card payment option
components/PaymentSelection.tsx	Implements payment method selection component with radio-style UI
app/checkout/[draftOrderId].tsx	Refactors checkout screen to support multi-step flow with details and payment steps

Comments suppressed due to low confidence (1)

components/icons/creadit-card.tsx:1

• The filename contains a typo: 'creadit-card.tsx' should be 'credit-card.tsx'

import { CreditCard } from 'lucide-react-native';

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}