FE: Create drawer and show it on alert select

Why are we doing this work

• when a user is viewing alerts from threat monitoring alert's tab, the table only gives them a limited amount of information
• a user will be able to click on an alert row in the table and a drawer will appear, which will give them more information

Design

• https://www.youtube.com/watch?v=HuZgaMKdJF0&feature=youtu.be

Non-functional requirements

• Documentation
• Testing

Implementation plan

• frontend copy the get query from https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/alert_management/graphql/queries/details.query.graphql or reuse it to get the details of the selected alert
• frontend create a drawer to show the details of the alert
  • Severity
  • Environment
  • Started At
  • Events
  • Runbook:
  • Key
  • Iid
  • Title
  • Status
  • Event count
  • Monitoring tool
  • Service
  • Description
  • Ended
  • Hosts
  • Details
• frontend when a row is selected, the drawer opens up displaying extra data for the row
• frontend the drawer can be closed