chartのlayoutの修正

[shouta0715]

PRの概要

変更の目的：

• chartのtooltipとlegendがモバイルのときなどにずれてしまう問題があったので修正した。
• また、PCでもtooltipの操作が大変なので、それをしやすいように手動で閉じるまで表示するように変更した。

関連するIssue番号：

• なし

変更内容

実装した機能や修正したバグ：

• tooltipの表示の挙動をhoverを外したときに非表示にならないようにした。手動で閉じれるように閉じるボタンも追加した。
• legendに関して、モバイル時にlegendがchartの大半を占めてしまい醜いのでmaxHeightをつけた

技術的な実装詳細：

• hoverをしたタイミングでstateをtrueにして、閉じるボタンが押されるまで非表示にならないようにした。

確認項目

• [x] 単体テストを追加したか
• [x] 結合テスト/システムテストを更新したか
• [x] 自分の環境で全ての変更を検証したか

特記事項

注意点：

• なし

デプロイメントの影響：

• tooltipとlegendのスタイルが変更される

レビュワーへの質問

• なし

[github-actions[bot]]

Coverage Report

Status	Category	Percentage	Covered / Total
🟢	Lines	100% (🎯 80%)	597 / 597
🟢	Statements	100% (🎯 80%)	597 / 597
🟢	Functions	100% (🎯 80%)	23 / 23
🟢	Branches	100% (🎯 80%)	107 / 107

File Coverage

No changed files found.

Generated in workflow #66