feat: ダッシュボードのスキルツリーUI実装

[kdix-23-071]

概要

ダッシュボード画面にあるプレースホルダー（🌲の絵文字）を、実際のスキルツリーUIコンポーネントに置き換えます。
ユーザーが自身のスキル習得状況を視覚的に把握できるようにします。

要件

1. デザイン再現:

   • 提供された画像に基づき、赤・青・緑・白・黄・ピンクの各系統のスキルノードを配置する。
   • 各ノードを線で接続し、関係性を表現する。

2. UI/UX調整:

   • 背景色をダッシュボード全体のデザイン（#FDFEF0）に合わせる。
   • ノードの背景を白にし、ボーダー色と影で系統を識別可能にする。
   • ノードのロック状態（未解放）をグレーアウトで表現する。

3. レスポンシブ対応:

   • ツリー全体が横に長いため、画面幅が狭い場合は横スクロールで全体を閲覧可能にする。

実装内容

• frontend/src/features/dashboard/components/SkillTreeDisplay.tsx の新規作成
• frontend/src/features/dashboard/components/DashboardContainer.tsx の修正

[Inlet-back]

@kdix-23-071
V0をもとにこっち優先で