Polish mobile layouts, extract ExpandableText, fix image sizing

- Stack title-hero poster/metadata vertically on mobile (flex-col md:flex-row),
  switch backdrop tall breakpoint from sm to md
- Extract bio expand/collapse logic into reusable ExpandableText component;
  use it in PersonHero and TitleHero
- Fix ContinueWatchingCard image to use fill + sizes instead of fixed
  width/height to avoid layout shift
- Add fade-out gradient on genre chip scrollbar edge on mobile
- Show scaled-down ambient glow on mobile instead of hiding it entirely
- Humanize knownForDepartment labels (Acting→Actor, Directing→Director, etc.)
- Change cast member name from truncate to line-clamp-2 for wrapping
- Hide tooltip arrow via [&>:last-child]:hidden instead of color-matching it
- Apply safe-area-inset padding to HeroBanner content on notched devices

lib/services/tracking.ts

@@ -86,7 +86,7 @@ export function logEpisodeWatch(
     .where(eq(seasons.id, ep.seasonId))
     .get();
   if (!season) return;
-  const titleId = season.titleId;
+  const { titleId } = season;
 
   // Auto-set status to in_progress if not set
   const existing = db
@@ -141,7 +141,7 @@ export function logEpisodeWatchBatch(
       .all();
     if (seasonRows.length === 0) return;
 
-    const titleId = seasonRows[0].titleId;
+    const { titleId } = seasonRows[0];
 
     // Set status to in_progress if not already set
     const existing = tx