Fix overflowing titles in vulnerability dashboard

What does this MR do?

Apart from the obvious overflow, some minor adjustments:

• The issue link does not break anymore between icon and link text
• Vertical alignment between vulnerability title / dismissed / issue link
• Jitter on hover of the last line, due to missing border on the bottom
• Ensuring a margin between vulnerability info and confidence
• Give more space to the vulnerability info, instead of the buttons
• Thin out DOM nesting with the help of <template>

Before	After	Comment
behaviour-before	behaviour-after	Behaviour
		Large Screen
		Medium Screen
		Small Screen

What are the relevant issue numbers?

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated via this MR
• Documentation reviewed by technical writer or follow-up review issue created
• Tests added for this feature/bug
• Tested in all supported browsers
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides
• Link to e2e tests MR added if this MR has Requires e2e tests label. See the Test Planning Process.
• EE specific content should be in the top level /ee folder
• For a paid feature, have we considered GitLab.com plans, how it works for groups, and is there a design for promoting it to users who aren't on the correct plan?
• Security reports checked/validated by reviewer

Closes #8892 (closed)