feat: improve recipe list UI with square cards and unified search

Major UI improvements to the recipe list view:

Frontend Changes:
- Convert recipe cards to square layout (1:1 aspect ratio)
- Cards now resize properly with column count (3, 5, 7, 9)
- Optimize text sizing for compact square format
- Remove size slider control for simplicity
- Unify search functionality to search both titles AND tags simultaneously
- Remove title/tag search toggle buttons
- Add tag autocomplete to unified search field
- Improve button text visibility with explicit color and font-weight

Backend Changes:
- Update recipe search API to search across title, description, AND tags
- Single search parameter now handles all search types

Visual Improvements:
- Recipe cards maintain square shape at all column counts
- Text scales appropriately for small card sizes
- Cleaner, simpler toolbar with fewer controls
- Better readability on unselected control buttons

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

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

@@ -112,6 +112,15 @@ router.get('/', async (req, res) => {
       where.OR = [
         { title: { contains: search as string, mode: 'insensitive' } },
         { description: { contains: search as string, mode: 'insensitive' } },
+        {
+          tags: {
+            some: {
+              tag: {
+                name: { contains: search as string, mode: 'insensitive' }
+              }
+            }
+          }
+        },
       ];
     }
     if (cuisine) where.cuisine = cuisine;