Checkout Page - Copy this React, Tailwind Component to your project

Feature Requirement: Checkout Page Page Name: CheckoutPage Purpose: Allow users to complete their order after clicking "Checkout" from the shopping cart. ✅ Features and Functionalities: Order Summary: Display list of items in the cart (product name, quantity, price, thumbnail). Show subtotal, shipping fee (if any), applied discounts, and total amount. Shipping Address Form: Fields to enter: Full name, phone number, street address, city, district, ward (if in Vietnam), or ZIP code (if international). Option to save address for future use (if user is logged in). Payment Method Selection: Let user choose one payment method from: Cash on Delivery (COD) Online Payment (e.g., Credit/Debit Card, Momo, ZaloPay, etc.) Render additional input if needed (e.g., card details if online payment selected). Discount Code Application: Input field to enter a promo/discount code. Button to apply the code and recalculate the total. Show success or error message based on the code validity. Place Order Button: Enabled only when all required information is filled. On click, send the order data to the backend (including cart items, selected payment, shipping address, and discount if any). Show loading indicator while processing and redirect to a confirmation page or show success message on success.