fix: audit fixes — tier-quota bypass, webhook SSRF, auth hardening, pagination, a11y

Full audit (bugs/UI-UX/backend/feature-gap) turned up a money-leak AI quota
bypass, webhook SSRF, and a long tail of missing pagination/auth/a11y work.
Fixes land together since HANDOFF.md tracked them as one backlog.

- AI routes charge tier quota before generating; nutrition POST is author-only
- Webhook dispatch re-validates URL per delivery (SSRF/DNS-rebinding), treats
  redirects as failures; recipe.published now actually dispatches
- New indexes/unique constraints on recipes, meal-planning, comments FK cascade
- Recipe PUT/restore snapshot only inside the transaction, after validation
- Recipe DELETE cleans up S3 objects (recipe + review photos)
- Optimistic UI (favorite/star/follow/shopping-list) rolls back on failure
- Upload presign enforces file size cap + per-tier storage quota
- Route-level loading/error/not-found states across (app), admin, and root
- middleware.ts guards (app)/admin; requireAdmin checks DB role, not cached
  session; rate limiting applied to both session and API-key branches,
  bucketed per key; Stripe webhook dedupes by event id
- Pagination added to recipes, feed, profile, comments, pantry, admin tables
- Nav shows real avatar + profile link + dark-mode toggle; destructive actions
  standardized on AlertDialog
- Unsaved-changes guard + real ingredient/step validation on recipe form;
  canonical /recipes/[id] used in-app; next/image migration; aria-labels and
  alt text across icon buttons, avatars, recipe photos
- packages/api-types removed (zero callers, too drifted to safely rewire);
  openapi.ts and ai-keys error shape drift fixed; BYOK decrypt failures now
  surface instead of silently falling back to the platform key

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

apps/web/components/recipe/photo-uploader.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState, useRef } from "react";
+import Image from "next/image";
 import { useTranslations } from "next-intl";
 import { Upload, X, Star } from "lucide-react";
 import { Button } from "@/components/ui/button";
@@ -32,7 +33,7 @@ export function PhotoUploader({
         const res = await fetch("/api/v1/upload/presign", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ recipeId, contentType: file.type }),
+          body: JSON.stringify({ recipeId, contentType: file.type, fileSize: file.size }),
         });
         if (!res.ok) continue;
         const { url, key } = await res.json() as { url: string; key: string };
@@ -61,11 +62,12 @@ export function PhotoUploader({
     <div className="space-y-3">
       <div className="flex flex-wrap gap-3">
         {photos.map((photo) => (
-          <div key={photo.key} className="relative group">
-            <img
+          <div key={photo.key} className="relative group h-24 w-24">
+            <Image
               src={photo.preview || getPublicUrl(photo.key)}
-              alt=""
-              className={`h-24 w-24 rounded-lg object-cover border-2 ${
+              alt="Recipe photo"
+              fill
+              className={`rounded-lg object-cover border-2 ${
                 photo.isCover ? "border-primary" : "border-transparent"
               }`}
             />