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/js/components/RecipeCard.js

@@ -11,7 +11,7 @@ class RecipeCard {
     
     createCardElement() {
         const card = document.createElement('div');
-        card.className = 'recipe-card';
+        card.className = 'lora-card';
         card.dataset.filePath = this.recipe.file_path;
         card.dataset.title = this.recipe.title;
         card.dataset.created = this.recipe.created_date;