Feat(ECOM-53): order-page

[Bablu521]

What type of PR is this? (check all applicable)

• Refactor
• [ ✅ ] Feature
• Bug Fix
• Optimization
• Documentation Update

Description

ECOM-53 – Order Page Feature

This PR introduces the Orders Screen and Order Details Screen, allowing drivers to easily view and manage their orders.

✨ Implemented Features

🪄 Orders Screen

• Displays the number of Cancelled and Completed orders at the top.

• Shows a list of recent orders including:

  • Order status (✅ Completed, ❌ Cancelled, ⏳ In Progress)

  • Order Id

  • Pickup (store) address

  • Customer (user) address

📋 Order Details Screen

• Displays complete details for a selected order, including:

  • Order status and Id

  • Pickup address (store)

  • Customer address

  • Ordered items with quantity and price

  • Total Price

  • Payment method

🧪 Testing

All implemented features are covered with Unit Tests and Widget Tests to ensure functionality, stability, and maintainability.

Related Tickets & Documents

ECOM-53 – Order Page ticket on Jira
https://mohamedelbably521.atlassian.net/browse/ECOM-53?atlOrigin=eyJpIjoiNThmZDM1OTY3MjNhNDAzOGJjYjAxYTY5ZDAyMmQxNGMiLCJwIjoiaiJ9

QA Instructions, Screenshots, Recordings

UI accessibility checklist

If your PR includes UI changes, please utilize this checklist:

• Semantic HTML implemented?
• Keyboard operability supported?
• Checked with axe DevTools and addressed Critical and Serious issues?
• Color contrast tested?

For more info, check out the
Forem Accessibility Docs.

Added/updated tests?

We encourage you to keep the code coverage percentage at 80% and above.

• [ ✅ ] Yes
• No, and this is why: please replace this line with details on why tests
  have not been included
• I need help with writing tests

[optional] Are there any post deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?