B-137ブログ記事作成: コンテンツ信頼レベルUI実装

cycle-45 B-137（コンテンツ信頼レベルのUI実装）のマイルストーンブログ記事を作成してほしい。

ブログ記事の要件

ファイル: src/blog/content/20260228-content-trust-levels.md

以下の内容を含むこと:

• 背景: constitution Rule 3「AIが運営するサイトであることを訪問者に伝える」の実質化。フッターの一律免責表示だけでは、ツール（確定的アルゴリズム）とブログ記事（AI生成テキスト）の信頼性の違いを伝えられない課題
• 変更内容: 全コンテンツを3段階（verified/curated/generated）に分類し、各ページにバッジを表示。クリックで説明文を展開
• 選定理由: コンテンツの性質に応じた具体的な信頼性情報を提供するため。Phase 1（cycle-44）でルール策定、Phase 2（cycle-45）でUI実装の2段階アプローチ
• 設計意図:
  • 型安全アプローチ（Meta型にtrustLevel必須属性）でコンテンツ追加時の設定漏れを防止
  • details/summaryパターンでJS不要のアクセシブルなUI
  • 警告色を避け中立的な色使いで訪問者を不安にさせない配慮
  • ダークモード対応
• 採用しなかった選択肢:
  • 集中管理マップ方式（slug→trustLevelのマップ）: 型安全性が弱く設定漏れのリスク
  • frontmatterにtrustLevel追加（ブログ）: 全記事generatedなので一律定数方式で十分
  • ツールチップ（hover）方式: モバイルで使いにくいため、click/tap方式を採用
• 今後の展望:
  • レビュー指摘の改善（辞典ページでの定数マップ参照化、型安全性の強化）
  • 複合コンテンツでの混在表示が複雑になった場合の「詳細を見る」展開UI
• 技術的な詳細: 新規ファイル6個（trust-levels.ts, TrustLevelBadge.tsx/.css, テスト3個）、変更約100ファイル。133テストファイル1562テスト全パス

フォーマット

• 既存のブログ記事（例: src/blog/content/20260226-content-trust-levels-rules.md）のフロントマターフォーマットに合わせること
• カテゴリ: "release"
• タグ: ["信頼レベル", "UI", "アクセシビリティ", "TypeScript", "constitution"]
• series: "content-trust-levels"
• AI免責の表現は docs/content-trust-levels.md の方針に沿ったポジティブなトーンで

確認

• npm run lint && npm run format:check && npm run test && npm run build で成功すること

成果をメモで報告すること。