Remove CSS in JS for the secure Vue files

What does this MR do?

It moves CSS-in-JS from the following files into either utility classes (where possible) or a newly created page-level scss file:

• ee/app/assets/javascripts/security_dashboard/components/filter.vue
• ee/app/assets/javascripts/security_dashboard/components/security_dashboard_table.vue
• ee/app/assets/javascripts/security_dashboard/components/security_dashboard_table_row.vue

On top of that it also adds a few new utility classes.

Screenshots

Filter Component

before	after

Security Dashboard Table

before	after

Security Dashboard Table Row

Hover

before	after

Dismissed Hover

before	after

Mobile

before	after

Does this MR meet the acceptance criteria?

Conformity

• Changelog entry
• [-] Documentation (if required)
• Code review guidelines
• Merge request performance guidelines
• Style guides
• [-] Database guides
• Separation of EE specific content

Related to #207810 (closed)