feat: add image handling to recipes

- Implemented image downloading and optimization in QuickImportService.
- Added imageUrl field to CreateRecipeDto for recipe creation.
- Created an endpoint in RecipesController to update recipe images.
- Enhanced RecipesService to handle image URL updates and optimizations.
- Updated Docker Compose to mount a volume for recipe images.
- Refactored frontend to display images in recipe grids and detail views.
- Added a new utility function for downloading and optimizing images.
- Created a new API route for handling image uploads.
- Introduced RecipeGrid component for better recipe display.
- Updated RecipeDetailClient to manage image updates and display.
- Added migration for new imageUrl column in the Recipe table.

frontend/app/recipes/page.tsx

@@ -1,8 +1,8 @@
 import Link from 'next/link';
 import { fetchJson } from '../../lib/api';
 import type { Recipe } from '../../features/inventory/types';
-import RecipePreview from './RecipePreview';
 import Navigation from '../Navigation';
+import RecipeGrid from './RecipeGrid';
 
 export default async function RecipesPage() {
   const recipes = await fetchJson<Recipe[]>('/api/recipes');
@@ -22,36 +22,12 @@ export default async function RecipesPage() {
             textDecoration: 'none',
             fontWeight: 500,
             fontSize: '1rem',
-            transition: 'background 0.2s',
           }}
         >
           Lägg till nytt recept
         </Link>
       </div>
-      <p>Här kan du jämföra recept mot nuvarande hemmavaror.</p>
-      <RecipePreview recipes={recipes} />
+      <RecipeGrid recipes={recipes} />
     </main>
   );
 }
-
-function parseQuantityInput(input: string, defaultUnit: string) {
-  const match = input.trim().match(/^([\d.,]+)\s*([a-zA-Z]*)$/);
-  if (!match) return { quantity: NaN, unit: defaultUnit };
-  let [, num, unit] = match;
-    num = num.replace(',', '.');
-    unit = unit.toLowerCase() || defaultUnit;
-    const value = parseFloat(num);
-    // Konvertera alltid till defaultUnit
-    if (defaultUnit === 'kg') {
-      if (unit === 'g' || unit === 'gram') return { quantity: value / 1000, unit: 'kg' };
-      if (unit === 'hg' || unit === 'hektogram') return { quantity: value / 10, unit: 'kg' };
-      if (unit === 'kg' || unit === 'kilogram' || unit === '') return { quantity: value, unit: 'kg' };
-    }
-    if (defaultUnit === 'g') {
-      if (unit === 'kg' || unit === 'kilogram') return { quantity: value * 1000, unit: 'g' };
-      if (unit === 'hg' || unit === 'hektogram') return { quantity: value * 100, unit: 'g' };
-      if (unit === 'g' || unit === 'gram' || unit === '') return { quantity: value, unit: 'g' };
-    }
-    // Lägg till fler konverteringar vid behov
-    return { quantity: value, unit: defaultUnit };
-}