fix: message content inner container style overflow issue (#2961)

* fix: message content inner container style overflow issue

* fix: tests snapshot

Author: khushal87

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -38,6 +38,7 @@ const styles = StyleSheet.create({
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
     borderWidth: 1,
+    overflow: 'hidden',
   },
   leftAlignContent: {
     justifyContent: 'flex-start',
@@ -154,6 +155,7 @@ const MessageContentWithContext = <
             borderRadiusS,
             borderTopLeftRadius,
             borderTopRightRadius,
+            ...container
           },
           containerInner,
           replyBorder,
@@ -251,7 +253,7 @@ const MessageContentWithContext = <
           });
         }
       }}
-      style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}
+      style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1 }, container]}
       {...additionalPressableProps}
     >
       <View onLayout={onLayout} style={wrapper}>

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -573,9 +573,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                 onResponderTerminationRequest={[Function]}
                                 onStartShouldSetResponder={[Function]}
                                 style={
-                                  {
-                                    "opacity": 1,
-                                  }
+                                  [
+                                    {
+                                      "opacity": 1,
+                                    },
+                                    {},
+                                  ]
                                 }
                               >
                                 <View
@@ -589,6 +592,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                           "borderTopLeftRadius": 16,
                                           "borderTopRightRadius": 16,
                                           "borderWidth": 1,
+                                          "overflow": "hidden",
                                         },
                                         {
                                           "backgroundColor": "#E9EAED",
@@ -1079,9 +1083,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                 onResponderTerminationRequest={[Function]}
                                 onStartShouldSetResponder={[Function]}
                                 style={
-                                  {
-                                    "opacity": 1,
-                                  }
+                                  [
+                                    {
+                                      "opacity": 1,
+                                    },
+                                    {},
+                                  ]
                                 }
                               >
                                 <View
@@ -1095,6 +1102,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                           "borderTopLeftRadius": 16,
                                           "borderTopRightRadius": 16,
                                           "borderWidth": 1,
+                                          "overflow": "hidden",
                                         },
                                         {
                                           "backgroundColor": "#E9EAED",
@@ -1623,9 +1631,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                 onResponderTerminationRequest={[Function]}
                                 onStartShouldSetResponder={[Function]}
                                 style={
-                                  {
-                                    "opacity": 1,
-                                  }
+                                  [
+                                    {
+                                      "opacity": 1,
+                                    },
+                                    {},
+                                  ]
                                 }
                               >
                                 <View
@@ -1639,6 +1650,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                           "borderTopLeftRadius": 16,
                                           "borderTopRightRadius": 16,
                                           "borderWidth": 1,
+                                          "overflow": "hidden",
                                         },
                                         {
                                           "backgroundColor": "#E9EAED",
@@ -2122,9 +2134,12 @@ exports[`Thread should match thread snapshot 1`] = `
                                   onResponderTerminationRequest={[Function]}
                                   onStartShouldSetResponder={[Function]}
                                   style={
-                                    {
-                                      "opacity": 1,
-                                    }
+                                    [
+                                      {
+                                        "opacity": 1,
+                                      },
+                                      {},
+                                    ]
                                   }
                                 >
                                   <View
@@ -2138,6 +2153,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                             "borderTopLeftRadius": 16,
                                             "borderTopRightRadius": 16,
                                             "borderWidth": 1,
+                                            "overflow": "hidden",
                                           },
                                           {
                                             "backgroundColor": "#E9EAED",