fix: サイドバー同期トーストの見切れを body ポータルで修正 (#1399)

[Kewton]

概要

サイドバーの同期（Sync）ボタン押下時に表示されるトーストが、ビューポート右下ではなくサイドバー基準に配置され左端が見切れる不具合を修正する。Closes #1399

根本原因

ToastContainer（src/components/common/Toast.tsx）は position: fixed だが、showToast を呼ぶ SyncButton 内で描画され、その祖先 <aside data-testid="sidebar-container">（AppShell.tsx）が transform（スライド演出）を持つ。CSS 仕様上、transform を持つ祖先は position: fixed 子孫の containing block になるため、トーストがビューポートではなくサイドバー枠（既定幅 224px）を基準に配置され、min-w-[300px] のトーストの左端が画面外へはみ出して見切れていた。

変更内容

• ToastContainer を createPortal(..., document.body) で描画するよう変更（Toast.tsx のみ、+19/-1）
• SSR/hydration 対策として mounted ガードを追加し、クライアントマウント後のみ portal 描画（既存の Modal.tsx / CommandPalette.tsx と同パターン）
• これにより呼び出し元のツリー位置に関わらず fixed がビューポート基準となり、トーストが右下に全幅で表示される

テスト

• npm run lint : PASS
• npx tsc --noEmit : PASS
• npm run test:unit（CI=true）: PASS（596 files / 10167 tests）

影響範囲

• 現状 transform 祖先内にあるのはサイドバー同期トーストのみ。CommandPalette・worktree 系トーストは transform 外のため現状も正常で回帰なし。
• トーストの重複統合（グローバル1本化）は別 Issue refactor(ui): Toast をグローバル1本化（Provider + 単一Portalホスト） #1400 で対応予定。