Rearrange tile for less clutter (#2755)

* Remove id, replace with level info

* chore: dart formatting

---------

Co-authored-by: ggurdin <ggurdin@gmail.com>

lib/pages/chat_details/participant_list_item.dart

@@ -41,9 +41,6 @@ class ParticipantListItem extends StatelessWidget {
               overflow: TextOverflow.ellipsis,
             ),
           ),
-          // #Pangea
-          LevelDisplayName(userId: user.id),
-          // Pangea#
           if (permissionBatch.isNotEmpty)
             Container(
               padding: const EdgeInsets.symmetric(
@@ -88,11 +85,15 @@ class ParticipantListItem extends StatelessWidget {
                 ),
         ],
       ),
-      subtitle: Text(
-        user.id,
-        maxLines: 1,
-        overflow: TextOverflow.ellipsis,
-      ),
+      subtitle:
+          // #Pangea
+          LevelDisplayName(userId: user.id),
+      // Text(
+      //   user.id,
+      //   maxLines: 1,
+      //   overflow: TextOverflow.ellipsis,
+      // ),
+      // Pangea#
       leading: Opacity(
         opacity: user.membership == Membership.join ? 1 : 0.5,
         child: Avatar(

lib/pages/invitation_selection/invitation_selection_view.dart

@@ -464,15 +464,17 @@ class _InviteContactListTile extends StatelessWidget {
         maxLines: 1,
         overflow: TextOverflow.ellipsis,
       ),
-      subtitle: Text(
-        profile.userId,
-        maxLines: 1,
-        overflow: TextOverflow.ellipsis,
-        style: TextStyle(
-          color: theme.colorScheme.secondary,
-        ),
-      ),
-      // #Pangea
+      subtitle:
+          // #Pangea
+          LevelDisplayName(userId: profile.userId),
+      // Text(
+      //   profile.userId,
+      //   maxLines: 1,
+      //   overflow: TextOverflow.ellipsis,
+      //   style: TextStyle(
+      //     color: theme.colorScheme.secondary,
+      //   ),
+      // ),
       // trailing: TextButton.icon(
       //   onPressed: isMember ? null : onTap,
       //   label: Text(isMember ? l10n.participant : l10n.invite),
@@ -481,7 +483,6 @@ class _InviteContactListTile extends StatelessWidget {
       trailing: Row(
         mainAxisSize: MainAxisSize.min,
         children: [
-          LevelDisplayName(userId: profile.userId),
           if (membershipCopy() != null)
             Container(
               padding: const EdgeInsets.all(4),

lib/pangea/analytics_misc/level_display_name.dart

@@ -40,8 +40,8 @@ class LevelDisplayNameState extends State<LevelDisplayName> {
   Widget build(BuildContext context) {
     return Padding(
       padding: const EdgeInsets.symmetric(
-        horizontal: 8.0,
-        vertical: 4.0,
+        horizontal: 0,
+        vertical: 2.0,
       ),
       child: Row(
         children: <Widget>[