feat(dashboard): レトロゲーム風デザイン刷新 (Issue #75)

[kdix-23-071]

実装の概要

Issue #75 に基づき、ダッシュボード画面全体をレトロゲーム（ドット絵）風のデザインに刷新しました。
DotGothic16 フォントの適用、クリーム色背景への変更、各コンポーネント（サイドバー、スキルツリー操作パネル、バッジ表示など）のピクセルアートスタイル化を行いました。

🔧 技術的な意思決定とトレードオフ (最重要)

採用したアプローチ

• 手法: Tailwind CSS の box-shadow を活用したドット絵風ボーダーと、text-shadow によるレトロ文字装飾。背景には SVG パターン (Data URI) を適用。
• メリット: 画像素材を極力減らし、CSSのみで柔軟なレスポンシブ対応が可能。globals.css による統一的なフォント適用。
• デメリット/リスク: ハイコントラストな配色（サイドバーの緑/黒）を採用しているため、視認性の確認が必要かもしれない。

却下したアプローチ（代替案）

• 手法: 画像スライスを使用したUIボーダーの実装。
• 却下理由: レスポンシブ対応が複雑になるため、CSSでの描画を優先。

🧪 テスト戦略と範囲

追加したテストケース

• 正常系: ダッシュボード表示、サイドバーのホバー効果、レスポンシブレイアウトの目視確認。
• 異常系: 特になし（UI変更のみ）。
• テストしていないこと: スクリーンリーダー等のアクセシビリティ詳細検証。

セキュリティに関する自己評価

• 機密情報のハードコードはないか
• 入力値の検証（バリデーション）は行っているか
• 既知の脆弱性パターンへの対策は考慮したか

レビュワー（人間）への申し送り事項

• デザインの大幅な変更を含むため、ブラウザでの実際の表示確認（特に背景パターンとフォントの読みやすさ）をお願いします。