user name component add show both support

lib/router/app_detail/app_detail_router.dart

@@ -3,6 +3,7 @@ import 'package:nostr_sdk/nip19/nip19.dart';
 import 'package:nostr_sdk/utils/string_util.dart';
 import 'package:nowser/component/app/app_type_component.dart';
 import 'package:nowser/component/image_component.dart';
+import 'package:nowser/component/user/user_name_component.dart';
 import 'package:nowser/const/connect_type.dart';
 import 'package:nowser/data/app.dart';
 import 'package:nowser/main.dart';
@@ -120,10 +121,10 @@ class _AppDetailRouter extends State<AppDetailRouter> {
       for (var pubkey in pubkeys) {
         items.add(DropdownMenuItem(
           value: pubkey,
-          child: Text(
-            Nip19.encodePubKey(pubkey),
-            maxLines: 1,
-            overflow: TextOverflow.ellipsis,
+          child: UserNameComponent(
+            pubkey,
+            fullNpubName: true,
+            showBoth: true,
           ),
         ));
       }

lib/router/apps/add_remote_app_router.dart

@@ -74,7 +74,11 @@ class _AddRemoteAppRouter extends CustState<AddRemoteAppRouter> {
       for (var pubkey in pubkeys) {
         items.add(DropdownMenuItem(
           value: pubkey,
-          child: UserNameComponent(pubkey),
+          child: UserNameComponent(
+            pubkey,
+            showBoth: true,
+            fullNpubName: true,
+          ),
         ));
       }
 

lib/router/keys/keys_item_component.dart

@@ -36,10 +36,15 @@ class _KeysItemComponent extends State<KeysItemComponent> {
       ),
     ));
     list.add(Expanded(
+      child: Container(
+        margin: const EdgeInsets.only(left: Base.BASE_PADDING_HALF),
         child: UserNameComponent(
-      widget.pubkey,
-      fullNpubName: true,
-    )));
+          widget.pubkey,
+          fullNpubName: true,
+          showBoth: true,
+        ),
+      ),
+    ));
     list.add(GestureDetector(
       onTap: () {
         keyProvider.removeKey(widget.pubkey);