[Task]: CommitDiffData.tsxのreturnの部分を完成させる

[shgnaka]

Who do?

@Hosi121

As Is

• 1個前のコミットと現在のコミットの情報を取得し、item countの増減の値（現在のコミットのアイテムの数から1個前のコミットのアイテムの数を引いた値）を取得し、表示できてる

• コミットの情報を取得し、アイテムのlabelの名前を表示できてる

• 出力は、1つのコミット（複数のアイテムの増減の情報）で１つのboxを使っている状態にある

• • つまり、複数のアイテムの増減の値が1つのboxにまとめられてしまっている

• 上記のコードは、すべてCommitDiffData.tsxでコメントアウトされている

• labelの情報は取得できる

• labelToIconMapping変数を設定した

• label の情報を参照してiconを呼び出せていない

• returnのデザインモック通りになっていない

To Be

• item count の増減の値とアイテムのlabelの名前に加え、アイテムのアイコンと、1個前のコミットと現在のコミットのitem countの値をそれぞれ表示させる

• figmaのモックのようなデザインのものにする
  

Action

モックに載ってる情報を表示し、モックのようなデザインに仕上げる

Memo

上のTo Beに添付したモックにある削除ボタンは実装しなくてよいと考えている

content Check

• I agree to follow this project's Code of Conduct