feat/new role and edit role

[yawn-c111]

ロールの新規作成ページと編集ページ

Description

• ページ新規作成
  • ロールの新規作成
  • ロールの編集
• 上記2ページに共通のコンポーネント作成
• Dialog（モーダル）
• ロールの権利または権限のリスト表示
• Hatsの情報取得周りを追加
• 既存コンポーネントにオプションの機能を追加

Fixes # (issue)

• フロントエンド: ロール作成・編集画面のコーディング #188

Type of change

Please delete options that are not relevant.

• New feature (non-breaking change which adds functionality)

Screenshots

[yawn-c111]

@yu23ki14

大変お待たせいたしました 🙏
お手すきの際によろしくお願いします！

以下の2点を相談させてください！

• 新規作成するロール（Hat）の親Hatは、全てHatterHatでよいか？
• ロールを作成・編集した後の遷移先は、$treeId_.$roles_.index.tsx（未作成）でよいか？

[yawn-c111]

完全に重複していた部分をリファクタして一つにまとめました。

[yawn-c111]

画像入力コンポーネントの上部マージンを修正しました。

[yu23ki14]

@yawn-c111

• 新規作成するロール（Hat）の親Hatは、全てHatterHatでよいか？

はい大丈夫です！

• ロールを作成・編集した後の遷移先は、$treeId_.$roles_.index.tsx（未作成）でよいか？

はい大丈夫です！

[yu23ki14]

@yawn-c111
編集ページで未編集のまま保存すると、そのまま/rolesページに飛ばされる。未編集の場合は保存ボタンをDisabledにする。

https://www.awesomescreenshot.com/video/35241405?key=f253c5b79d056fba18e959a94ec3d3a2

[yu23ki14]

InputDescription, InputImage, InputLink, InputNameを /components/input/~~~.tsx にディレクトリ一つ掘っていただけると！

[yawn-c111]

@yu23ki14
レビューありがとうございました！
上記2点を修正しましたので、ご確認よろしくお願いします！