(follow-up) Minor javascript refactoring

[Antreesy]

☑️ Resolves

• From Refactor NewMessageForm component #9430 (comment) and Refactor NewMessageForm component #9430 (comment)
• Replace 'kinda' radio-buttons at NotificationSettings with NcCheckboxRadioSwitch

🖼️ Screenshots

🏚️ Before	🏡 After

🚧 Tasks

• Code review
• Visual check

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not required
• 📘 API documentation in docs/ has been updated or is not required
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required
• 🔖 Capability is added or not needed

[ShGKme]

I re-checked, and I was a bit wrong in that comment.

It is not directly mentioned in the Vue documentation, but if a custom event has a native event object as a payload, its native event modifiers still do work on custom component events (most of the modifiers, incl. prevent, exact, stop).

Prooflink

Although, it changes almost nothing. I checked all the cases. In all the cases .prevent was useless because its target had no default event handler anyway (button[type="button"], div, esc for input). The only difference is exact. Now these buttons in the danger zone work also with CTRL/SHIFT/ALT key modifiers.

cc @Antreesy