ディレクトリ構成

src
├─generated   # GraphQLスキーマから自動生成したコード
├─graphql     # GraphQLのQuery/Mutation
├─hooks       # ページやモーダルに共通する処理（Reactのフック）
├─i18n        # 多言語対応のリソースファイル
└─pages       # ページやモーダル（Reactのコンポーネント）

UIライブラリとしてMantineを使うため、Reactコンポはページやモーダルを最小単位とし、機能ごとにディレクトリを分けてまとめます。

src
└─pages
    ├─events  # イベント操作
    └─groups  # グループ操作