[FE] Delete Custom Role in UI - No User Assigned

Use Case

As an admin/group owner, I need to delete a custom role when it no longer serves a purpose in my business, so that I can keep my roles list up to date.

Design Guidance

We should follow the same pattern as elsewhere in the product for delete actions. Add a Delete button to each row (or tuck in the ellipsis icon dropdown disclosure if multiple actions are available). Per the mocks in Figma, it looks like there are multiple actions available (Edit & Delete). Use a modal to confirm the delete action. Delete should also be available from the detail/edit full page view. A modal should be used as final confirmation there too.

Considerations

• Currently, can't delete if it is associated with a user. This would continue to be the case until we improve the delete logic.

Proposal

• Display trash can icon for each custom role
• If role is assigned to 1 or more users, disable the trash can with the following error message (note revised text below) To delete custom role, remove this role from all group members.
• Add confirmation modal before deleting