fix: restore square aspect ratio for recipe cards

Reverted recipe cards on All Recipes page back to square:
- Restored aspect-ratio: 1 / 1 on .recipe-card
- Changed image from aspect-ratio: 16/9 back to height: 60%

This ensures recipe cards match the square appearance of
cookbook cards and don't display as tall rectangles.

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

packages/web/src/styles/RecipeList.css

@@ -268,7 +268,7 @@
   transition: transform 0.2s, box-shadow 0.2s;
   display: flex;
   flex-direction: column;
-  height: 100%;
+  aspect-ratio: 1 / 1;
 }
 
 .recipe-grid-enhanced .recipe-card:hover {
@@ -278,7 +278,7 @@
 
 .recipe-grid-enhanced .recipe-card img {
   width: 100%;
-  aspect-ratio: 16 / 9;
+  height: 60%;
   object-fit: cover;
   display: block;
   flex-shrink: 0;