chore: Add more explaining text for key verification

assets/l10n/intl_en.arb

@@ -2416,6 +2416,9 @@
     "sendTypingNotificationsDescription": "Other participants in a chat can see when you are typing a new message.",
     "sendReadReceiptsDescription": "Andere Teilnehmer in einem Chat können sehen, ob du eine Nachricht gelesen hast.",
     "formattedMessages": "Formatted messages",
-    "formattedMessagesDescription": "Display rich message content like bold text using markdown."
-
+    "formattedMessagesDescription": "Display rich message content like bold text using markdown.",
+    "verifyOtherUser": "🔐 Verify other user",
+    "verifyOtherUserDescription": "If you verify another user, you can be sure that you know who you are really writing to. 💪\n\nWhen you start a verification, you and the other user will see a popup in the app. There you will then see a series of emojis or numbers that you have to compare with each other.\n\nThe best way to do this is to meet up or start a video call. 👭",
+    "verifyOtherDevice": "🔐 Verify other device",
+    "verifyOtherDeviceDescription": "When you verify another device, those devices can exchange keys, increasing your overall security. 💪 When you start a verification, a popup will appear in the app on both devices. There you will then see a series of emojis or numbers that you have to compare with each other. It's best to have both devices handy before you start the verification. 🤳"
 }

lib/pages/bootstrap/bootstrap_dialog.dart

@@ -351,6 +351,16 @@ class BootstrapDialogState extends State<BootstrapDialog> {
                       onPressed: _recoveryKeyInputLoading
                           ? null
                           : () async {
+                              final consent = await showOkCancelAlertDialog(
+                                context: context,
+                                title: L10n.of(context)!.verifyOtherDevice,
+                                message: L10n.of(context)!
+                                    .verifyOtherDeviceDescription,
+                                okLabel: L10n.of(context)!.ok,
+                                cancelLabel: L10n.of(context)!.cancel,
+                                fullyCapitalizedForMaterial: false,
+                              );
+                              if (consent != OkCancelResult.ok) return;
                               final req = await showFutureLoadingDialog(
                                 context: context,
                                 future: () async {

lib/pages/chat_encryption_settings/chat_encryption_settings.dart

@@ -70,6 +70,15 @@ class ChatEncryptionSettingsController extends State<ChatEncryptionSettings> {
   }
 
   void startVerification() async {
+    final consent = await showOkCancelAlertDialog(
+      context: context,
+      title: L10n.of(context)!.verifyOtherUser,
+      message: L10n.of(context)!.verifyOtherUserDescription,
+      okLabel: L10n.of(context)!.ok,
+      cancelLabel: L10n.of(context)!.cancel,
+      fullyCapitalizedForMaterial: false,
+    );
+    if (consent != OkCancelResult.ok) return;
     final req = await room.client.userDeviceKeys[room.directChatMatrixID]!
         .startVerification();
     req.onUpdate = () {

lib/pages/device_settings/device_settings.dart

@@ -92,6 +92,15 @@ class DevicesSettingsController extends State<DevicesSettings> {
   }
 
   void verifyDeviceAction(Device device) async {
+    final consent = await showOkCancelAlertDialog(
+      context: context,
+      title: L10n.of(context)!.verifyOtherDevice,
+      message: L10n.of(context)!.verifyOtherDeviceDescription,
+      okLabel: L10n.of(context)!.ok,
+      cancelLabel: L10n.of(context)!.cancel,
+      fullyCapitalizedForMaterial: false,
+    );
+    if (consent != OkCancelResult.ok) return;
     final req = await Matrix.of(context)
         .client
         .userDeviceKeys[Matrix.of(context).client.userID!]!