Mail Bypass rules buttons UX

[DavidePrincipi]

Apply a consistent style and behavior to Mail Bypass Rules page. Note that there can be other pages to fix in the same way.

1. Change the Delete button styles, to third-level buttons (white with blue border).
2. Replace the Timeout+Cancel toast notification with a modal confirmation dialog.
3. After user confirms, the usual toast notification appears if the change is applied successfully

Example of third-level button:

The video shows the current UI style and behavior:

Screencast.from.2024-10-04.09-53-18.trimmed.webm

---

Discussions

• with Andre: https://mattermost.nethesis.it/nethesis/pl/h77x8fq47tramefh7t1d919jie
• with Lucia: https://mattermost.nethesis.it/nethesis/pl/tgq8aomz5fr79es8jm9ko9799a

[stephdl]

QA

version to test ghcr.io/nethserver/mail:1.5.5-dev.1

install mail
create a bypass rule
delete a bypass rule -> modal confirmation dialog appears and you can remove the bypass rule