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/app/(app)/feed/loading.tsx

@@ -0,0 +1,11 @@
+import { FeedItemSkeleton } from "@/components/shared/skeletons";
+
+export default function FeedLoading() {
+  return (
+    <div className="max-w-2xl mx-auto space-y-8">
+      {Array.from({ length: 4 }).map((_, i) => (
+        <FeedItemSkeleton key={i} />
+      ))}
+    </div>
+  );
+}

apps/web/app/(app)/feed/page.tsx

@@ -1,8 +1,7 @@
 import type { Metadata } from "next";
 import { headers } from "next/headers";
 import { auth } from "@/lib/auth/server";
-import { db, recipes, users, userFollows, eq, desc, inArray } from "@epicure/db";
-import { getPublicUrl } from "@/lib/storage";
+import { db, userFollows, eq } from "@epicure/db";
 import { FeedPageContent } from "@/components/feed/feed-page-content";
 
 export const metadata: Metadata = {};
@@ -16,39 +15,5 @@ export default async function FeedPage() {
     .from(userFollows)
     .where(eq(userFollows.followerId, session.user.id));
 
-  const followedIds = followedRows.map((r) => r.followingId);
-
-  if (followedIds.length === 0) {
-    return <FeedPageContent followedCount={0} feedRecipes={[]} />;
-  }
-
-  const feedRecipes = await db
-    .select({
-      id: recipes.id,
-      title: recipes.title,
-      description: recipes.description,
-      baseServings: recipes.baseServings,
-      prepMins: recipes.prepMins,
-      cookMins: recipes.cookMins,
-      difficulty: recipes.difficulty,
-      visibility: recipes.visibility,
-      aiGenerated: recipes.aiGenerated,
-      createdAt: recipes.createdAt,
-      authorId: recipes.authorId,
-      authorName: users.name,
-      authorUsername: users.username,
-      authorAvatarUrl: users.avatarUrl,
-    })
-    .from(recipes)
-    .innerJoin(users, eq(recipes.authorId, users.id))
-    .where(inArray(recipes.authorId, followedIds))
-    .orderBy(desc(recipes.createdAt))
-    .limit(40);
-
-  return (
-    <FeedPageContent
-      followedCount={followedIds.length}
-      feedRecipes={feedRecipes.map((r) => ({ ...r, createdAt: r.createdAt.toISOString() }))}
-    />
-  );
+  return <FeedPageContent followedCount={followedRows.length} />;
 }