[OrderRefactor][Storefront][Delivery][Checkout] Create UI for Choosing Delivery/Shipping Service

[HnKnA]

Feature Description

This feature provides a user interface for customers to select their preferred delivery or shipping service during the checkout process. The UI ensures seamless integration with the checkout flow, displaying service options with relevant details and enabling an intuitive selection process.

---

Requirements

1. Shipping Providers:

   • Display a list of available shipping providers.
   • When a provider is clicked, the options available for that provider are shown in a dropdown list.

2. Delivery Service Options:

   • Display a list of available delivery/shipping services.
   • Include the following details for each service:
     • Service name (e.g., "Standard Delivery", "Express Shipping").
     • Estimated delivery time (e.g., "2-3 business days").
     • Cost (e.g., "$5.99").

3. UI Design:

   • Ensure a user-friendly design suitable for users.
   • Highlight the currently selected delivery option.

4. Interactions:

   • Allow users to select one shipping option via radio buttons or selectable cards.
   • If only one option is available, automatically select it, and the user cannot uncheck the radio button.

5. Error Handling:

   • Display a warning if no delivery option is selected when trying to proceed.
   • Gracefully handle unavailable services by showing a "Not available" message.

6. Integration:

   • Fetch delivery options dynamically from the backend.
   • Pass the selected service to the checkout summary for order processing.

---