Convert dashboard and title pages to server components with granular Suspense

Replace fully client-side dashboard and title detail pages with server
component orchestrators that fetch data directly via service functions,
eliminating extra network round-trips through API routes. Each section
streams independently through its own Suspense boundary.

- Extract getUserStats(), getTitleWithChildren(), getRecommendationsForTitle()
  into service layer; update getNewAvailableFeed() to include tmdbId/voteAverage
- Split dashboard into server sections (stats, continue watching, library,
  recommendations) with client children for animations
- Split title page into server hero + client interaction provider with shared
  context for optimistic mutations across actions and seasons
- Add generateMetadata with OG tags, server-side TMDB ID resolution via
  redirect(), loading.tsx and not-found.tsx for both pages
- Add per-section skeleton components, fix ContinueWatchingSkeleton dimensions
- Remove 6 unused API routes (feed/*, titles/[id] GET, titles/[id]/recommendations)
- Remove components/stats-summary.tsx, add lib/types/title.ts for shared types

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

app/(pages)/dashboard/_components/title-grid.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { motion } from "motion/react";
+import { TitleCard } from "@/components/title-card";
+
+const staggerContainer = {
+  hidden: {},
+  visible: { transition: { staggerChildren: 0.05 } },
+};
+
+const staggerItem = {
+  hidden: { opacity: 0, y: 12, scale: 0.98 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    scale: 1,
+    transition: { type: "spring" as const, stiffness: 300, damping: 24 },
+  },
+};
+
+interface TitleGridItem {
+  id: string;
+  tmdbId: number;
+  type: string;
+  title: string;
+  posterPath: string | null;
+  releaseDate?: string | null;
+  voteAverage?: number | null;
+}
+
+export function TitleGrid({ items }: { items: TitleGridItem[] }) {
+  return (
+    <motion.div
+      className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5"
+      variants={staggerContainer}
+      initial="hidden"
+      animate="visible"
+    >
+      {items.map((t) => (
+        <motion.div key={t.id} variants={staggerItem}>
+          <TitleCard
+            id={t.id}
+            tmdbId={t.tmdbId}
+            type={t.type}
+            title={t.title}
+            posterPath={t.posterPath}
+            releaseDate={t.releaseDate}
+            voteAverage={t.voteAverage}
+          />
+        </motion.div>
+      ))}
+    </motion.div>
+  );
+}