Applied "bigger picture" thinking - added contextual headers to ALL submenu pages consistently.
Problem: Only some pages had headers, creating inconsistent UX
Issues Fixed:
1. Dashboard Submenu Pages - All Now Have Headers
Before: Only Overview had header
After: All 6 pages have headers (Revenue, Orders, Products, Customers, Coupons, Taxes)
2. Settings Pages Desktop - Show Headers (Except Payments)
Before: PageHeader was md:hidden on all pages
After: Shows on desktop for Settings pages, hidden only for Payments (special case)
Implementation:
- Added usePageHeader to 6 Dashboard submenu pages
- Modified PageHeader to show on desktop by default
- Auto-detect Payments page and hide header there
Result:
- ALL Dashboard pages have contextual headers
- ALL Settings pages have contextual headers on desktop
- Payments page special case handled
- Consistent UX across entire app
- No more bald pages!
Files Modified: 6 Dashboard pages + PageHeader.tsx
bc86a12c38