Compliance Framework – Update settings

Brought up in #339887 (comment 1067537267) we should consider to update how the Compliance frameworks are presented in the settings. Using a more dense layout, similar to how we present streamed audit events today.

Before	After

Implementation plan

1. Update the Add framework button to be category: secondary.
2. Update the current list of frameworks to use table component
   • Rename list Compliance components to table.
     • ee/app/assets/javascripts/groups/settings/compliance_frameworks/components/list.vue
     • ee/app/assets/javascripts/groups/settings/compliance_frameworks/components/list_item.vue
     • ee/app/assets/javascripts/groups/settings/compliance_frameworks/components/list_empty_state.vue
   • Update list.vue line 165 list-item element to use the gl-table-lite component here https://gitlab-org.gitlab.io/gitlab-ui/?path=/docs/base-table-table-lite--default
     • Lite will be used to reduce the pagebundle payload size, as it will not use filtering etc
   • Add header column templates and appropriate i18n labels
   • Split list_item.vue into each of the column templates matching headers eg name, description, actions
3. Update specs and ensure running
4. Update documentation.