fix: add image to menu item (#42)

Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn>
Co-authored-by: Thanh Quy- wolf <524H0124@student.tdtu.edu.vn>
Reviewed-on: #42
Co-authored-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
Co-committed-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>

TODO.md

@@ -1,103 +1,10 @@
-# Coffee Shop Frontend - TODO
+# TODO - Add image upload field for manager add/update menu item
 
-## Completed Features & Implementations
-
-### A. Dead Code Removed
-
-- [x] lib/constants.ts - Removed unused NAV_LINKS export
-- [x] lib/types.ts - Removed unused NavLink interface
-- [x] components/Navbar.tsx - Removed trivial handleClick wrapper; inlined
-      onCategoryChange call
-- [x] components/Navbar.tsx - Removed unused Link import
-
-### B. Bugs / Inaccuracies Fixed
-
-- [x] layouts/header.tsx - Fixed JSDoc: 3-column -> 2-column layout (no center
-      section exists)
-- [x] app/page.tsx - Added available !== false filter to product list
-- [x] app/page.tsx - Fixed setState-in-effect lint error: moved initial sidebar
-      state to lazy useState initializer
-- [x] next.config.ts - Added explanatory JSDoc comment
-
-### C. Documentation Updated
-
-- [x] README.md - Fixed file structure tree, removed SCSS, fixed dark mode note,
-      updated tech table
-- [x] components/COMPONENTS.md - Fixed CartProduct styling (was outdated
-      w-64/text-red-500/bg-blue-600); added Navbar, Header, Footer sections
-
-### D. New Documentation Created
-
-- [x] WORKFLOW.md - Architecture, data flow, design token system, how-to guides,
-      dev workflow
-
-### E. Mini-test Results
-
-- [x] npm run lint - PASSED (0 errors, 0 warnings)
-- [x] npm run build - PASSED (Compiled successfully, TypeScript clean, static
-      pages generated)
-
----
-
-## Pending Features (Future Work)
-
-### Cart & Ordering
-
-- [ ] Implement cart checkout flow (app/(main)/cart or modal)
-- [ ] Cart sidebar/modal with item list and total
-- [ ] Order submission API integration
-- [ ] Payment page implementation (app/(main)/payment)
-- [ ] Order history/tracking page
-- [ ] Toast notifications for cart actions
-
-### Authentication & User Management
-
-- [ ] Real backend authentication (replace MOCK_AUTH_DB)
-- [ ] Real OTP delivery service (SMS integration)
-- [ ] User profile page with edit capability
-- [ ] Password reset/recovery flow
-- [ ] Session management and token refresh
-
-### Manager Features
-
-- [ ] Manager dashboard page (app/(manager)/page.tsx)
-- [ ] Product management (add/edit/delete)
-- [ ] Category management
-- [ ] Order management & tracking
-- [ ] Sales analytics/dashboard
-- [ ] Inventory management
-
-### Backend Integration
-
-- [ ] Replace MOCK_PRODUCTS with API calls (GET /api/products)
-- [ ] Replace MOCK_SHOPS with API calls (GET /api/shops)
-- [ ] Replace MOCK_USERS with real authentication (POST /api/auth/login)
-- [ ] Real product images (replace placeholder.jpg)
-- [ ] Image upload for products
-
-### UX Improvements
-
-- [ ] Dark mode toggle (CSS variables prepared, toggle UI needed)
-- [ ] Loading skeletons for product grid
-- [ ] Product detail modal/page with full description
-- [ ] Wishlist/favorites feature
-- [ ] Sort products (price, rating, etc.)
-- [ ] Filter by price range
-- [ ] Quantity selector in product card
-- [ ] Related products suggestions
-
-### Performance & SEO
-
-- [ ] Dynamic route generation for products (app/(main)/product/[id]/page.tsx)
-- [ ] Dynamic route generation for shops (app/(feed)/shop/[id]/page.tsx)
-- [ ] Meta tags and Open Graph for SEO
-- [ ] Image optimization and lazy loading
-- [ ] Code splitting and dynamic imports
-
-### Accessibility & Testing
-
-- [ ] Keyboard navigation testing
-- [ ] ARIA labels audit
-- [ ] Unit tests for contexts
-- [ ] E2E tests for user flows
-- [ ] Accessibility audit (WCAG 2.1 AA)
+- [x] Update GraphQL queries/mutations in `lib/manager-context.tsx` to include `imageUrl`
+- [x] Update `components/organisms/manager/ProductModal.tsx`
+  - [x] Add file input for image selection
+  - [x] Add upload button to call `POST /api/file`
+  - [x] Store returned URL string into `form.imageUrl`
+  - [x] Show upload/loading/error states and image preview
+- [x] Update `components/organisms/manager/ProductsTab.tsx` to show image thumbnail in table
+- [x] Mark TODO progress after each step completed