Enhance recipe modal styles and tooltip functionality

- Updated CSS for recipe modal to improve layout and responsiveness, including adjustments to header and badge styles.
- Added tooltip positioning logic to ensure correct display of local-badge tooltips on hover.
- Refactored HTML structure for local status badges to enhance stability and positioning.
- Removed unnecessary console logs from recipe fetching process in JavaScript for cleaner output.

static/js/recipes.js

@@ -112,8 +112,6 @@ class RecipeManager {
                 params.append('tags', this.pageState.filters.tags.join(','));
             }
 
-            console.log('Loading recipes with params:', params.toString());
-            
             // Fetch recipes
             const response = await fetch(`/api/recipes?${params.toString()}`);
             
@@ -123,8 +121,6 @@ class RecipeManager {
             
             const data = await response.json();
 
-            console.log('Recipes data:', data);
-            
             // Update recipes grid
             this.updateRecipesGrid(data, resetPage);