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.

backend/prisma/migrations/20260415000000_add_recipe_image_url/migration.sql

@@ -0,0 +1,2 @@
+-- Migration: add imageUrl to Recipe
+ALTER TABLE `Recipe` ADD COLUMN `imageUrl` VARCHAR(191) NULL;

backend/prisma/schema.prisma

@@ -60,12 +60,13 @@ model InventoryConsumption {
 }
 
 model Recipe {
-  id          Int                @id @default(autoincrement())
-  name        String
-  description String?
-  instructions String? @db.Text
-  createdAt   DateTime           @default(now())
-  updatedAt   DateTime           @updatedAt
+  id           Int                @id @default(autoincrement())
+  name         String
+  description  String?
+  instructions String?            @db.Text
+  imageUrl     String?
+  createdAt    DateTime           @default(now())
+  updatedAt    DateTime           @updatedAt
 
   ingredients RecipeIngredient[]
 }