style: Use robotomono to display device keys

lib/pages/chat_encryption_settings/chat_encryption_settings_view.dart

@@ -7,6 +7,7 @@ import 'package:vrouter/vrouter.dart';
 
 import 'package:fluffychat/config/app_config.dart';
 import 'package:fluffychat/pages/chat_encryption_settings/chat_encryption_settings.dart';
+import 'package:fluffychat/utils/beautify_string_extension.dart';
 
 class ChatEncryptionSettingsView extends StatelessWidget {
   final ChatEncryptionSettingsController controller;
@@ -164,13 +165,13 @@ class ChatEncryptionSettingsView extends StatelessWidget {
                                   ],
                                 ),
                                 subtitle: Text(
-                                  deviceKeys[i].ed25519Key?.replaceAllMapped(
+                                  deviceKeys[i].ed25519Key?.beautified ??
-                                          RegExp(r'.{4}'),
-                                          (s) => '${s.group(0)} ') ??
                                       L10n.of(context)!
                                           .unknownEncryptionAlgorithm,
-                                  style: const TextStyle(
+                                  style: TextStyle(
-                                    fontFamily: 'monospace',
+                                    fontFamily: 'RobotoMono',
+                                    color:
+                                        Theme.of(context).colorScheme.secondary,
                                   ),
                                 ),
                               ),

pubspec.yaml

@@ -124,6 +124,9 @@ flutter:
           style: italic
         - asset: fonts/Roboto/Roboto-Bold.ttf
           weight: 700
+    - family: RobotoMono
+      fonts:
+        - asset: fonts/Roboto/RobotoMono-Regular.ttf
     - family: NotoEmoji
       fonts:
         - asset: fonts/NotoEmoji/NotoColorEmoji.ttf