Refactor recipe card styles and update HTML structure

- Migrated CSS styles from recipe-card.css to card.css for better organization.
- Updated recipe card class names in HTML to align with new styling conventions.
- Enhanced card layout with additional flex properties for improved responsiveness.
- Adjusted infinite scroll debounce timing for better performance.

static/css/components/recipe-card.css

@@ -27,6 +27,7 @@
     overflow: hidden;
     box-shadow: var(--shadow-sm);
     transition: all 0.2s ease;
+    aspect-ratio: 896/1152;
     cursor: pointer;
     display: flex;
     flex-direction: column;