fixup! TW-2074 Update bubble style and alignement

Author: KhaledNjim

lib/pages/chat/events/message/message_content_with_timestamp_builder.dart

@@ -74,12 +74,9 @@ class MessageContentWithTimestampBuilder extends StatelessWidget {
 
     return Row(
       mainAxisSize: MainAxisSize.min,
-      mainAxisAlignment: responsiveUtils.isMobile(context) && event.isOwnMessage
-          ? MainAxisAlignment.end
-          : MainAxisAlignment.start,
+      mainAxisAlignment: MessageStyle.messageAlignment(event, context),
       crossAxisAlignment: CrossAxisAlignment.end,
       children: [
-        if (event.isOwnMessage) _menuActionsRowBuilder(context),
         TwakeContextMenuArea(
           builder: menuChildren != null
               ? (context) => menuChildren!.call(context)
@@ -111,16 +108,10 @@ class MessageContentWithTimestampBuilder extends StatelessWidget {
                           borderRadius: MessageStyle.bubbleBorderRadius,
                           color: event.isOwnMessage
                               ? LinagoraRefColors.material().primary[95]
-                              : responsiveUtils.isMobile(context)
-                                  ? LinagoraSysColors.material().onPrimary
-                                  : Theme.of(context)
-                                      .colorScheme
-                                      .surfaceContainerHighest,
-                          border: !event.isOwnMessage &&
-                                  responsiveUtils.isMobile(context)
+                              : LinagoraSysColors.material().onPrimary,
+                          border: !event.isOwnMessage
                               ? Border.all(
-                                  color: MessageStyle
-                                      .borderColorReceivedBubbleMobile,
+                                  color: MessageStyle.borderColorReceivedBubble,
                                 )
                               : null,
                         ),
@@ -215,8 +206,7 @@ class MessageContentWithTimestampBuilder extends StatelessWidget {
             ),
           ),
         ),
-        if (!event.isOwnMessage && event.status.isAvailable)
-          _menuActionsRowBuilder(context),
+        if (event.status.isAvailable) _menuActionsRowBuilder(context),
       ],
     );
   }

lib/pages/chat/events/message/message_style.dart

@@ -146,5 +146,12 @@ class MessageStyle {
   static const double pushpinIconSize = 14.0;
 
   static const double paddingAllPushpin = 0;
-  static const Color borderColorReceivedBubbleMobile = Color(0xFFEBEDF0);
+  static const Color borderColorReceivedBubble = Color(0xFFEBEDF0);
+  static MainAxisAlignment messageAlignment(
+    Event event,
+    BuildContext context,
+  ) =>
+      responsiveUtils.isMobile(context) && event.isOwnMessage
+          ? MainAxisAlignment.end
+          : MainAxisAlignment.start;
 }