fix mobile issues with popover

lib/widgets/chat_page/user_popover.dart

@@ -13,18 +13,17 @@ class UserPopover extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     final theme = Theme.of(context);
     final textTheme = theme.textTheme;
-    return IntrinsicWidth(
+    return Column(
-      child: Column(
       spacing: 16,
       crossAxisAlignment: CrossAxisAlignment.stretch,
       children: [
-          Row(
+        Wrap(
+          alignment: WrapAlignment.center,
           spacing: 16,
-            mainAxisSize: MainAxisSize.min,
+          runSpacing: 8,
           children: [
             AvatarOrHash(member.avatarUrl, member.displayName, height: 80),
-              Expanded(
+            Column(
-                child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
                 SelectableText(
@@ -37,7 +36,7 @@ class UserPopover extends ConsumerWidget {
                     .watch(ProfileController.provider(member.userId))
                     .betterWhen(
                       loading: SizedBox.shrink,
-                          data: (profile) => Row(
+                      data: (profile) => Wrap(
                         spacing: 4,
                         children: [
                           for (final pronoun in profile.pronouns.where(
@@ -51,11 +50,11 @@ class UserPopover extends ConsumerWidget {
                     ),
               ],
             ),
-              ),
           ],
         ),
-          Row(
+        Wrap(
           spacing: 8,
+          runSpacing: 8,
           children: [
             FilledButton.icon(onPressed: null, label: Text("Message")),
             FilledButton.icon(
@@ -82,10 +81,9 @@ class UserPopover extends ConsumerWidget {
                 ),
               ),
             ),
-            ].map((e) => Expanded(child: e)).toList(),
-          ),
           ],
         ),
+      ],
     );
   }
 }