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/social/favorite-button.tsx

@@ -1,7 +1,9 @@
 "use client";
 
 import { useState } from "react";
+import { useTranslations } from "next-intl";
 import { Heart } from "lucide-react";
+import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
@@ -13,17 +15,23 @@ export function FavoriteButton({
   recipeId: string;
   initialFavorited?: boolean;
 }) {
+  const tCommon = useTranslations("common");
+  const tSocial = useTranslations("social");
   const [favorited, setFavorited] = useState(initialFavorited);
   const [loading, setLoading] = useState(false);
 
   async function toggle() {
+    const next = !favorited;
+    setFavorited(next);
     setLoading(true);
     try {
       const res = await fetch(`/api/v1/recipes/${recipeId}/favorite`, {
-        method: favorited ? "DELETE" : "POST",
+        method: next ? "POST" : "DELETE",
       });
-      if (!res.ok) return;
-      setFavorited(!favorited);
+      if (!res.ok) throw new Error();
+    } catch {
+      setFavorited(!next);
+      toast.error(tCommon("updateFailed"));
     } finally {
       setLoading(false);
     }
@@ -33,7 +41,13 @@ export function FavoriteButton({
     <TooltipProvider>
       <Tooltip>
         <TooltipTrigger render={
-          <Button variant="ghost" size="icon" onClick={toggle} disabled={loading}>
+          <Button
+            variant="ghost"
+            size="icon"
+            onClick={toggle}
+            disabled={loading}
+            aria-label={favorited ? tSocial("favoriteRemove") : tSocial("favoriteAdd")}
+          >
             <Heart className={cn("h-4 w-4", favorited && "fill-red-500 text-red-500")} />
           </Button>
         } />