msglist: Combine avatar image and user name in message sender

Author: sirpengi

lib/widgets/message_list.dart

@@ -789,16 +789,7 @@ class MessageWithPossibleSender extends StatelessWidget {
       child: Padding(
         padding: const EdgeInsets.only(top: 2, bottom: 3, left: 8, right: 8),
         child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
-          item.showSender
-            ? Padding(
-                padding: const EdgeInsets.fromLTRB(3, 6, 11, 0),
-                child: GestureDetector(
-                  onTap: () => Navigator.push(context,
-                    ProfilePage.buildRoute(context: context,
-                      userId: message.senderId)),
-                  child: Avatar(size: 32, borderRadius: 3,
-                    userId: message.senderId)))
-            : const SizedBox(width: 3 + 35 + 11),
+          const SizedBox(width: 3 + 35 + 11),
           Expanded(
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -809,13 +800,21 @@ class MessageWithPossibleSender extends StatelessWidget {
                     onTap: () => Navigator.push(context,
                       ProfilePage.buildRoute(context: context,
                         userId: message.senderId)),
-                    child: Text(message.senderFullName, // TODO get from user data
-                      style: const TextStyle(
-                        fontFamily: 'Source Sans 3',
-                        fontSize: 18,
-                        height: (22 / 18),
-                      ).merge(weightVariableTextStyle(context, wght: 600,
-                                wghtIfPlatformRequestsBold: 900)))),
+                    child: Row(
+                      children: [
+                        Avatar(size: 32, borderRadius: 3, userId: message.senderId),
+                        const SizedBox(width: 8),
+                        Flexible(
+                          child: Text(message.senderFullName, // TODO get from user data
+                            style: const TextStyle(
+                              fontFamily: 'Source Sans 3',
+                              fontSize: 18,
+                              height: (22 / 18),
+                            ).merge(weightVariableTextStyle(context, wght: 600,
+                                      wghtIfPlatformRequestsBold: 900)),
+                            overflow: TextOverflow.ellipsis),
+                        ),
+                      ])),
                   const SizedBox(height: 4),
                 ],
                 MessageContent(message: message, content: item.content),