Feat: Image Overview page

[xingzhang-suse]

UX/UI Design: Image overview

Completion check standard for the features

• Global filters (Scope confirmation needed)

CVE affection based filter (Mock data ?), Image type based filter (Real CRD data ?)

• Download Report
  Download full image list as CVS/PDF (Button mock-up only)

• Most affected images at risk panel
  List top5 images with severity leveled badge to display the CVE numbers (Mock data)

• Image risk assessment panel
  Display bar chart in severity based affected image numbers (Mock data)

• Table filter
  Only implement plain text filter for MVP (Column based filters is the post -MVP component plan on Rancher UI)

• Download custom report
  Download selected image list as CVS/PDF (Button mock-up only)

• Image table
  Show Image name, Identified CVEs (Mock data), Ripository, Registry by real CRD data with designed styles

• Image table with group by repository
  Implement "Group by repository" checkbox. Toggle Image table view and repository grouped view by using Rancher UI provided Sub-row expandable table.