Explain this Vulnerability: Thumbs Up/Down user feedback Iteration 1 - Buttons

Why are we doing this work

This issue tracks adding 👍 / 👎 to the Explain this Vulnerability drawer. We may track the ability for the user to type in a reason as a follow-up item.

Design issue: https://gitlab.com/gitlab-org/gitlab/-/issues/407275/designs/design_1684359620559.png#note_1395164431

Work done for Explain this Code is at #404272 (closed)

Metrics will be available in this Sisense dashboard: https://app.periscopedata.com/app/gitlab/1137231/Ai-Features

Iterations

Iteration 1 <- This issue

1. Helpful, Unhelpful, Wrong buttons
2. Clicking an option will automatically submit the vote, modeling after what Explain this Code currently does.

Iteration 2 - #413693 (closed)

1. Add text input box and submit button once available. Tracked at: Iteration 4: Include open-ended feedback (#409123 - closed)
2. Capture more data

Relevant links

Non-functional requirements

• Documentation:
• Feature flag:
• Performance:
• Testing:

Implementation plan

1. Add buttons
2. Wire up to API, sending

Verification steps

1. https://gitlab.com/gitlab-org/govern/threat-insights-demos/personal-test-projects/webgoat.net/-/security/vulnerability_report/?scanner=GitLab.SAST
2. Click on any entry to go to the details page.
3. Click the "Try it out" button at the bottom of the page. A drawer will open.
4. Wait for the response to load. Verify that the Helpful, Unhelpful, and Wrong buttons show up at the bottom of the drawer and are stickied to the bottom of the drawer.
5. Click on one of the buttons and verify in Dev Tools that a request is made to https://snowplow.trx.gitlab.net/com.snowplowanalytics.snowplow/tp2. Note that if you have an ad blocker installed like uBlock Origin, the request will be made, but blocked.