Safety Impactのデフォルト値表示と、サービス詳細編集UI

[yuki-murasawa]

PR の目的

サービス詳細にSafety Impactのデフォルト値を表示する。
サービス詳細を編集できる設定モーダルを追加する。

経緯・意図・意思決定

• サービス詳細を表示するカードにSafety Impactのデフォルト値を表示する。
• サービス詳細を表示するカードの右上に、設定ボタンアイコンを設置する。
• 設定ボタンアイコン押下するとサービス詳細を編集する設定モーダルを展開する。
• サービス名は必須項目のため、空白の場合はバリデーションエラーを表示する。
• UPLOAD IMAGEボタンを押下すると、ファイル選択のウィンドウが開く。
• UPLOAD IMAGEの横にあるドロップダウンアイコンを押下すると、画像を削除するメニューが表示される。
• keywordsのChipがモーダルの横幅を超える場合は２行に折り返す。
• 同じ名前のkeywordが既に存在する場合はバリデーションエラーを表示する。
• モーダルの縦幅がモニター幅を超える場合は、スクロール可能になる。

補足情報

• 現在、画像のアップロード、削除機能は未実装。