feat(dmm-tv): DMM ロビーページ + 全サービス表記/統計 + hydration 修正

[Uno-Takashi]

feat(dmm-tv): DMM ロビーページ + 全サービス表記/統計 + hydration 修正

概要

DMM TV 対応に伴うユーザー向けフロントエンドの変更です。DMM のルーム遷移ロビーを追加し、
ランディング/メタデータ等の表記を「dアニメストア・DMM TV」併記へ更新、ロビーの hydration
不具合を修正します。

変更点（ファイル別・変更理由）

DMM ロビー

• src/app/dmm-tv/lobby/[roomId]/page.tsx（新規） — dアニメの anime-store/lobby のミラー。
  GET /api/v1/dmm-tv/lobby/{room_id}（backend）で再生ページ URL を解決し、拡張機能の互換判定
  （.chrome_extension_field）を 1 秒間隔でポーリングして
  /vod/playback/on-demand/?...&party=join へリダイレクト。未インストール/非対応時はインストール導線。
• src/infrastructure/env.ts — DMM_LOBBY_RESOLVE_ENDPOINT を追加。

hydration 修正（拡張機能との DOM 契約）

• 拡張機能が hydration 前に .chrome_extension_field の innerText を書き換えるため、SSR 出力すると
  必ず hydration mismatch になり、suppressHydrationWarning でも消えずルーム遷移でエラーしていた。
• useSyncExternalStore（server=false / client=true）でこの要素をクライアント限定描画にし、
  SSR HTML に一切含めない方式へ変更（anime-store / dmm-tv 両ロビー）。拡張機能は 1 秒間隔で
  ポーリングするのでマウント直後に現れれば検出される。
  ※ setState-in-effect 版は react-hooks/set-state-in-effect lint で落ちるため不採用。

  対になる拡張機能側（content/version）も、要素が後から現れても書き込めるよう修正済み。

表記の併記（dアニメストア・DMM TV）

• layout.tsx（メタデータ/keywords）・page.tsx（Hero/CTA/手順）・components/landing/{Hero,Features}・
  components/layout/Footer・OG 画像（components/og/RoomOgImage・lib/og/renderRoomImage）を併記へ更新。

統計（無改修で合算表示）

• 統計ダッシュボードは backend が全サービス合算（dアニメ + DMM）で集計するよう変更したため、
  フロント側は無改修で両サービスの合計を表示します（この PR にダッシュボードのロジック変更は含みません）。

DX

• pnpm-workspace.yaml（新規） / package.json — pnpm 10 で無視される pnpm フィールドの
  onlyBuiltDependencies を pnpm-workspace.yaml へ移設（警告解消）。

検証

• pnpm typecheck / pnpm lint: green。
• pnpm build（Turbopack, standalone）: /dmm-tv/lobby/[roomId] ルートが生成されることを確認。

依存関係

• backend（d-party/backend）: GET /api/v1/dmm-tv/lobby/{room_id} が必要。
• chrome-extension（d-party/chrome-extension）: ロビーの .chrome_extension_field DOM 契約と対。
• root（d-party/d-party）: nginx が /dmm-tv/lobby/ をフロントへ、/api を django へ振り分け。

ロビーの DOM 契約（変更厳禁の要点）

• .chrome_extension_field のクラス名・1 秒ポーリング挙動は不変（拡張機能が判定を書き込む）。
• 変更点は「サーバー描画→クライアント限定描画」のみで、契約自体は維持しています。