feat: enhance recipe list with pagination, columns, size controls and search

- Add tag search parameter to backend recipes API
- Add pagination controls (12, 24, 48, All items per page)
- Add column controls (3, 6, 9 columns)
- Add size slider (XS to XXL) for card sizing
- Add search by title or tag with 400ms debounce
- Add tag autocomplete via datalist
- Add URL params for bookmarkable state
- Add localStorage persistence for display preferences
- Add comprehensive unit tests (34 frontend, 4 backend)
- Coverage: 99.4% lines, 97.8% branches

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

packages/api/src/routes/recipes.routes.test.ts

@@ -135,6 +135,63 @@ describe('Recipes Routes - Integration Tests', () => {
         })
       );
     });
+
+    it('should support tag query parameter for filtering by tag name', async () => {
+      const prisma = await import('../config/database');
+      vi.mocked(prisma.default.recipe.findMany).mockResolvedValue([]);
+      vi.mocked(prisma.default.recipe.count).mockResolvedValue(0);
+
+      await request(app).get('/recipes?tag=italian').expect(200);
+
+      expect(prisma.default.recipe.findMany).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: expect.objectContaining({
+            tags: {
+              some: {
+                tag: {
+                  name: { equals: 'italian', mode: 'insensitive' }
+                }
+              }
+            }
+          }),
+        })
+      );
+    });
+
+    it('should support combining search and tag parameters', async () => {
+      const prisma = await import('../config/database');
+      vi.mocked(prisma.default.recipe.findMany).mockResolvedValue([]);
+      vi.mocked(prisma.default.recipe.count).mockResolvedValue(0);
+
+      await request(app).get('/recipes?search=pasta&tag=dinner').expect(200);
+
+      expect(prisma.default.recipe.findMany).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: expect.objectContaining({
+            OR: expect.any(Array),
+            tags: expect.any(Object),
+          }),
+        })
+      );
+    });
+
+    it('should support category filter parameter', async () => {
+      const prisma = await import('../config/database');
+      vi.mocked(prisma.default.recipe.findMany).mockResolvedValue([]);
+      vi.mocked(prisma.default.recipe.count).mockResolvedValue(0);
+
+      await request(app).get('/recipes?category=dessert').expect(200);
+
+      expect(prisma.default.recipe.findMany).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: expect.objectContaining({
+            categories: {
+              has: 'dessert'
+            }
+          }),
+        })
+      );
+    });
   });
 
   describe('GET /recipes/:id', () => {