[FE] Update Roles Table UI

Release notes

Proposal

The Roles Table has a updated design to follow the Pajamas Design spec.

User experience goal

Figma designs and UX issue

Current	Updates
Table Order: Name/ID/Base role/Permissions/Actions	Id/ Role Name/Description/BaseRole/Permissions
Column for Actions with a remove icon	Remove column for actions, add ellipse for dropdown with more actions, add "Delete role" and "Edit role" Ellipse - more actions
Table is nested in a card	Move table out of card component, add heading and subheading
Permissions Column: Green pills of custom permissions	Permissions Column: Custom permission detail is in plain text and it's one entry per line.
Description Column: Not available	Add Description Column. Add ellipsis at 120 characters
"Add new role button" inline with table	Move "Create new role" to upper right. Add heading and subheading.
No link	Add a link to "permissions to a base role" routing to documentation https://docs.gitlab.com/ee/user/custom_roles.html