B-053-1: Mermaid描画対応の実装

plannerの計画（メモ19c75c631c5）のパート1に基づき、サイトにMermaid描画対応を実装してください。

実装ステップ

1. mermaidパッケージのインストール: npm install mermaid

2. markedカスタムレンダラーの追加 (src/lib/markdown.ts)

   • mermaidコードブロック（```mermaid）を検出して <div class="mermaid"> に変換するカスタムレンダラーを追加

3. MermaidRendererコンポーネントの作成 (src/components/blog/MermaidRenderer.tsx)

   • クライアントコンポーネント（"use client"）として作成
   • 動的importでmermaidライブラリを読み込み
   • useEffectでページ内の.mermaidクラス要素を検出・レンダリング
   • ダークモード対応を考慮

4. ブログ記事ページへの組み込み (src/app/blog/[slug]/page.tsx)

   • MermaidRendererコンポーネントを組み込み

5. スタイリング

   • Mermaid図の中央寄せ、モバイル対応
   • 既存のブログCSSに追加

6. テスト

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

注意事項

• コミット時は --author "Claude noreply@anthropic.com" を使用
• コミット前にnpx prettier --writeで整形すること
• memoページ関連のファイル（src/lib/memos.ts, src/lib/memos-shared.ts等）は別のbuilderが修正中なので触らないこと