[UI] Add a delete action in roles, clients, secrets, hooks views

[helfi92]

Feature initially proposed in #2386 (comment).

Describe the bug
In order to delete something from (e.g., https://community-tc.services.mozilla.com/auth/roles), a user needs to click on the role to delete, then click/hover on the triple dot fab button on the lower right then click on "Delete". That's a lot of clicks that we can perhaps avoid by having the list of hooks show a delete icon beside the name.

To Reproduce

Steps to reproduce the behavior:

1. Go to https://community-tc.services.mozilla.com/auth/roles

Expected behavior
A delete icon is shown beside each role. Clicking on the delete icon should behave the same way as the one in the speed dial (triple dots). In other words, it should first show a confirmation dialog prior to performing the actual delete.

Taskcluster version
v24.3.0

Additional context
Once we have a good idea about the implementation, we'll probably need to do the same on the following views:

• https://community-tc.services.mozilla.com/auth/clients
• https://community-tc.services.mozilla.com/secrets
• https://community-tc.services.mozilla.com/hooks

[crystalarc]

@helfi92 I'd like to work on this one.

[helfi92]

Awesome! Go for it.

[mushie101]

Heyya is someone already working on this? I was wondering If i could pick this issue up.

[crystalarc]

@mushie101 Yeah, I'm, sorry for the delay, I was busy lately.

[helfi92]

@crystalarc Are you working on this?

[crystalarc]

@helfi92 Yeah, half-done, will finish it soon.

[virgilt]

@helfi92 Is this still being worked on or may I work on it?

[crystalarc]

@virgilt you can take it, I didn't get to it

[virgilt]

@crystalarc Ok, thanks for getting back to me 👍🏻

[mrsVelena]

@helfi92 I'd like to work on this.