feat: add recipe editing, image upload management, and UI improvements

Added comprehensive recipe editing functionality with improved image handling
and better UX for large file uploads.

**Features:**
- Recipe editing: Full CRUD support for recipes with edit page
- Image management: Upload, replace, and delete recipe images
- Upload feedback: Processing and uploading states for better UX
- File size increase: Raised limit from 10MB to 20MB for images
- Nginx configuration: Added client_max_body_size for large uploads

**Changes:**
- Created EditRecipe.tsx page for editing existing recipes
- Created NewRecipe.tsx page wrapper for recipe creation
- Created RecipeForm.tsx comprehensive form component with:
  - Simple and multi-section recipe modes
  - Image upload with confirmation dialogs
  - Processing state feedback during file handling
  - Smaller, button-style upload controls
- Updated recipes.routes.ts:
  - Increased multer fileSize limit to 20MB
  - Added file validation for image types
  - Image upload now updates Recipe.imageUrl field
  - Added DELETE /recipes/:id/image endpoint
  - Automatic cleanup of old images when uploading new ones
- Updated nginx.conf: Added client_max_body_size 20M for API proxy
- Updated App.css: Improved upload button styling (smaller, more compact)
- Updated RecipeForm.tsx: Better file processing feedback with setTimeout
- Updated help text to reflect 20MB limit and WEBP support

**Technical Details:**
- Fixed static file serving path in index.ts
- Added detailed logging for upload debugging
- Improved TypeScript type safety in upload handlers
- Better error handling and user feedback

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

packages/shared/src/types.ts

@@ -2,6 +2,7 @@ export interface Recipe {
   id: string;
   title: string;
   description?: string;
+  sections?: RecipeSection[]; // Optional sections for multi-part recipes
   ingredients: Ingredient[];
   instructions: Instruction[];
   prepTime?: number; // minutes
@@ -20,8 +21,19 @@ export interface Recipe {
   updatedAt: Date;
 }
 
+export interface RecipeSection {
+  id?: string;
+  recipeId?: string;
+  name: string; // e.g., "Starter", "Dough", "Assembly"
+  order: number;
+  timing?: string; // e.g., "Day 1 - 8PM", "12 hours before mixing"
+  ingredients: Ingredient[];
+  instructions: Instruction[];
+}
+
 export interface Ingredient {
   id?: string;
+  sectionId?: string; // Optional - if present, belongs to a section
   name: string;
   amount?: string;
   unit?: string;
@@ -31,9 +43,11 @@ export interface Ingredient {
 
 export interface Instruction {
   id?: string;
+  sectionId?: string; // Optional - if present, belongs to a section
   step: number;
   text: string;
   imageUrl?: string;
+  timing?: string; // e.g., "8:00am", "After 30 minutes", "Day 2 - Morning"
 }
 
 export interface RecipeImportRequest {