[feat] FormListコンポーネント作成

[hikahana]

対応Issue

resolve #1780

概要

• リスト表記にする部分をコンポーネントにしました。

実装詳細

• ない
• figmaのコードパクってgptに投げて整形した。
• figma relativeで表現されてたのはpadding-leftで対応したから多少の誤差あるかも、、、、
• propsで渡す際の型であるFormItemはexport constで定義しているのでどこからでも引っ張てこれる

画面スクリーンショット等

テスト項目

• コードレビューして。案出ない
• デザインとの差異がないか
• モバイル、PCでよしなにしてるか

備考

変更できません　という部分があったがその実装は大変めんどう、、、
配列の要素をさらに追加する？？？

急ピッチで作成したのでpropsで渡すときは以下の形になっちゃう。。。
よしなに修正したいのですが、案あれば教えてください。。。。

const items: FormItem[] = [
  { label: '団体名', content: content.hoge },
  { label: 'hello', content: content.test },
];

[izuizu0424]

デザインはPC，モバイル共にOKでした
急なissue対応ありがとうございます

[TkymHrt]

動作OKでした。コメントしています！

[TkymHrt]

とりあえず変更不可のプロパティを設定しておけば、表示は別途コンポーネント側で対応できるのかなと思いました。

Suggested change

	export type FormItem = {
	label: string;
	content: string;
	};
	export type FormItem = {
	label: string;
	content: string;
	editable?: boolean;
	};

{item.editable === false && (
   <span className="text-red-500 ml-6 text-xs">※変更できません</span>
)}

[hikahana]

今日のgm2 mtで決まっただけど

ラベルずを作る

---

label.ts で，定数を宣言しておく．

こんな感じでlabel部分の定数を置いておいて、labelとdataを結合してFormItemで渡すことになったから、この修正ちょっと厳しいかな？
https://www.notion.so/nutfes-nutmeg/GM2-1cb41f19206380b682d9e6cf7fc710b5?pvs=4

[hikahana]

よく考えたらオプショナルだし、結合の時に一緒にやればいけるのか。
要確認でいきます！

[hikahana]

これ変更できないパターンの方が少ないから逆にします

[TkymHrt]