feat: Products index page with full CRUD list view
Implemented comprehensive Products index page following Orders pattern.
Features:
✅ Desktop table view with product images
✅ Mobile card view with responsive design
✅ Multi-select with bulk delete
✅ Advanced filters (status, type, stock, category)
✅ Search by name/SKU/ID
✅ Pagination (20 items per page)
✅ Pull to refresh
✅ Loading & error states
✅ Stock status badges with quantity
✅ Price display (HTML formatted)
✅ Product type indicators
✅ Quick edit links
✅ Filter bottom sheet for mobile
✅ URL query param sync
✅ Full i18n support
Components Created:
- routes/Products/index.tsx (475 lines)
- routes/Products/components/ProductCard.tsx
- routes/Products/components/SearchBar.tsx
- routes/Products/components/FilterBottomSheet.tsx
Filters:
- Status: Published, Draft, Pending, Private
- Type: Simple, Variable, Grouped, External
- Stock: In Stock, Out of Stock, On Backorder
- Category: Dynamic from API
- Sort: Date, Title, ID, Modified
Pattern:
- Follows PROJECT_SOP.md Section 6.9 CRUD template
- Consistent with Orders module
- Mobile-first responsive design
- Professional UX with proper states
757a425169