make pmp via text smaller

lib/widgets/lazy_loading/message_displayname.dart

@@ -30,16 +30,31 @@ class MessageDisplayname extends ConsumerWidget {
                   globalPosition: details.globalPosition,
                 )
               : null,
-          child: Text(
+          child: Row(
-            "${membership.displayName ?? event.sender.localpart}${event.pmp == null ? "" : " (via ${event.sender})"}",
+            mainAxisSize: MainAxisSize.min,
-            style:
+            spacing: 4,
-                style ??
+            children: [
-                TextStyle(
+              Text(
-                  color: event.sender.colorHash,
+                membership.displayName ?? event.sender.localpart,
-                  fontWeight: FontWeight.bold,
+                style:
+                    style ??
+                    TextStyle(
+                      color: event.sender.colorHash,
+                      fontWeight: FontWeight.bold,
+                    ),
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              ),
+
+              if (event.pmp != null)
+                Text(
+                  "(via ${event.sender})",
+                  style: Theme.of(context).textTheme.labelSmall?.copyWith(
+                    color: event.sender.colorHash,
+                    fontWeight: FontWeight.bold,
+                  ),
                 ),
-            maxLines: 1,
+            ],
-            overflow: TextOverflow.ellipsis,
           ),
         ),
         loading: () => Text(""),