Fix missing userStatus on title cards across dashboard, recommendations, and filmography

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

app/(pages)/titles/[id]/_components/recommendations-grid.tsx

@@ -6,8 +6,10 @@ import type { RecommendedTitle } from "@/lib/types/title";
 
 export function RecommendationsGrid({
   recommendations,
+  userStatuses,
 }: {
   recommendations: RecommendedTitle[];
+  userStatuses?: Record<string, "watchlist" | "in_progress" | "completed">;
 }) {
   return (
     <div className="space-y-4">
@@ -30,6 +32,7 @@ export function RecommendationsGrid({
               posterPath={rec.posterPath}
               releaseDate={rec.releaseDate ?? rec.firstAirDate}
               voteAverage={rec.voteAverage}
+              userStatus={userStatuses?.[rec.id]}
             />
           </div>
         ))}

app/(pages)/titles/[id]/_components/title-recommendations.tsx

@@ -1,4 +1,6 @@
+import { getSession } from "@/lib/auth/session";
 import { getRecommendationsForTitle } from "@/lib/services/discovery";
+import { getUserStatusesByTitleIds } from "@/lib/services/tracking";
 import type { RecommendedTitle } from "@/lib/types/title";
 import { RecommendationsGrid } from "./recommendations-grid";
 
@@ -17,5 +19,18 @@ export async function TitleRecommendations({ titleId }: { titleId: string }) {
     voteAverage: r.voteAverage,
   }));
 
-  return <RecommendationsGrid recommendations={recommendations} />;
+  const session = await getSession();
+  const userStatuses = session
+    ? getUserStatusesByTitleIds(
+        session.user.id,
+        recommendations.map((r) => r.id),
+      )
+    : {};
+
+  return (
+    <RecommendationsGrid
+      recommendations={recommendations}
+      userStatuses={userStatuses}
+    />
+  );
 }