UX Improvements - DAST Profiles Library

Why are we doing this work

This is to add UX improvements to DAST Profiles Library

1. Site profiles table
2. Scanner profiles table

Designs

Please follow the latest designs from the following issues

1. Site Profile - #293871 (closed)
2. Scanner Profile - #294038 (closed)

Non-functional requirements

• Documentation: Update relevant screenshots
• [-] Feature flag:
• [-] Performance:
• [-] Testing:

Implementation plan

frontend

Profile list component

• Add table headers support in DastProfilesList
• Move Edit and Delete buttons to dropdown
• Update table rows
  • highlights on hover;
  • Navigate to Edit page upon click
• Use GlTruncate for ellipsing profile names

Site profile table

• Add table header labels in profile settings
• Add Validation status help icon;
  • link it to site validation docs
• Use tertiary buttons for Validate and Revoke validation
• Use GlBadges to denote status

Scanner profile table

• Add table header labels in profile settings
• Add scan mode column values using GlBadge
  • Warning variant for active mode
  • Neutral variant for passive mode