詳細モーダルにカルーセル追加

[illionillion]

/components/detail-modal.tsxのモーダルの中に画像を表示するカルーセルを作成する カルーセルは以下のコンポーネントを使用する https://yamada-ui.com/ja/components/data-display/carousel

また、/components/map-data.jsonに場所のデータを追加する。 座標はGoogle Mapから取得する。 画像はURLを直書きする。

[
    {
        "name":"場所名",
        "description":"説明",
        "images": [ // 配列で画像のパスを設定
          "",
          "",
          ""
         ],
        "category": [""], // カテゴリーを配列で追加「temples, parks, historical-sites」
        "lat": 34.68239981450138,  // X座標
        "lng": 135.82512482746233 // Y座標
    },
    // ...
]

• ブランチを移動して作業すること
• margin・padding・displayなどの特性を理解して、適切なスタイリングをすること
• Yamada UIのドキュメントを参考にしながら適切な使い方をすること