チャプター選択時の開始確認モーダルを実装する

コンポーネント

MQChapterConfirmModal.tsx

figma

Figma

normal,hard,extremeでカラーや表示が変わるので注意

• チャプターごとの背景パラメータがなさそうなので、定義して、これをモーダル背景にする必要がありそう。
• スコープ外だが、ChapterCardの背景も、ハードコードしてるので、上記パラメータから取得するように変更する必要がありそう。
• チャプターごとの専用背景ってまだ用意されてない？？
  • CDNのmain-quest-backgrounds/ 以下に用意される予定。現在は一個だけ
    • prologue-normal.png

現在のMainQuestChapterMasterデータ

  {
    id: "prologue",
    name: "序章「学園への道」",
    synopsis: "魔法学園への入学を目指す主人公の物語が始まる。",
    iconPath: "/system/main-quest/chapter-00-icon.png",
    stamina:10,
  },

backgroundPath: を追加する。iconPathは使う予定がないので削除する。