Booking Details: Huge grey area + Add review button in completed orders

Bug: Huge Grey Area in Booking Details Screen

Description

When viewing order details (from Orders → any tab → tap order), there's a huge grey rectangular area that takes up most of the screen, requiring 10-15 seconds of scrolling to reach the action buttons.

Steps to Reproduce

1. Go to Orders screen
2. Go to Completed tab (or any tab)
3. Tap on any salon booking
4. See huge grey area below salon name "صالون تجريبي"

Suspected Cause

• Salon banner/cover image was deleted from the database
• Code is still trying to render cover_image or similar field
• Image widget has no height constraint, expanding to fill available space
• Shows grey placeholder when image fails to load

Screenshots

• Progress tracker shows green circles (should be pink - separate fix done)
• Below progress tracker: white card with salon name centered, then HUGE grey rectangle

Also affects

• Quick Screen → Orders → Order Details

---

Feature: Add Review Button in Completed Orders Tab

Description

Add ability for customers to review/rate completed bookings directly from the completed orders tab.

Requirements

• Show "Rate & Review" button for completed salon bookings
• Only show if booking hasn't been reviewed yet
• Use existing review modal from booking details screen

---

Investigation Notes

• booking_details_screen.dart only has small constrained images (20x20 icon, radius-24 avatar)
• No large image widget found in current code
• Possible the image widget is in a different file or was recently changed
• Need to trace what salonData contains and if cover_image is being rendered somewhere

🤖 Generated with Claude Code