feat(recipes): client-side image editor + modernize /add to match /edit

Add a from-scratch photo editor (crop, max-resolution scale-to-fit,
WebP quality with live final-size + dimensions readout) that opens on
image pick in the recipe add/edit flow. Conversion uses the browser's
canvas WebP encoder (sharp can't run client-side); crop, scale and the
size readout are built by hand.

Server now stores the client WebP full image byte-for-byte (passthrough)
so the on-disk file matches the user's chosen quality/size; sharp still
derives the 800px thumb and OKLAB colour. Non-WebP uploads keep the old
q90 re-encode fallback.

Rework /add to reuse EditTitleImgParallax (parallax hero +
titleExtras/below-hero layout, shape-tile Backform, SaveFab + optional
translation), replacing the antiquated CardAdd card. Move the edit/remove
image controls into the hero, below the fixed header. Delete now-dead
CardAdd and RecipeEditor.

CODEMAP.md

@@ -173,7 +173,6 @@ Generated: 2025-11-18
 - `EditButton.svelte` - Edit button (floating)
 - `FavoriteButton.svelte` - Toggle favorite
 - `Card.svelte` (259 lines) ⚠️ Large - Recipe card with hover effects, tags, category
-- `CardAdd.svelte` - Add recipe card placeholder
 - `FormSection.svelte` - Styled form section wrapper
 - `Header.svelte` - Page header
 - `UserHeader.svelte` - User-specific header
@@ -190,7 +189,6 @@ Generated: 2025-11-18
 
 #### Recipe-Specific Components
 - `Recipes.svelte` - Recipe list display
-- `RecipeEditor.svelte` - Recipe editing form
 - `RecipeNote.svelte` - Recipe notes display
 - `EditRecipe.svelte` - Edit recipe modal
 - `EditRecipeNote.svelte` - Edit recipe notes