fix: add property to customize the wrapper style of message

Author: khushal87

package/src/components/Message/Message.tsx

@@ -296,7 +296,7 @@ const MessageWithContext = <
   const {
     theme: {
       colors: { targetedMessageBackground },
-      messageSimple: { targetedMessageContainer, unreadUnderlayColor },
+      messageSimple: { targetedMessageContainer, unreadUnderlayColor, wrapper },
       screenPadding,
     },
   } = useTheme();
@@ -736,10 +736,14 @@ const MessageWithContext = <
       >
         <View
           style={[
-            { marginTop: 2, paddingHorizontal: screenPadding },
+            { marginTop: 2, paddingHorizontal: screenPadding, ...wrapper },
             (isTargetedMessage || message.pinned) && !isMessageTypeDeleted
-              ? { backgroundColor: targetedMessageBackground, ...targetedMessageContainer }
-              : {},
+              ? {
+                  backgroundColor: targetedMessageBackground,
+                  ...wrapper,
+                  ...targetedMessageContainer,
+                }
+              : wrapper,
           ]}
           testID='message-wrapper'
         >

package/src/contexts/themeContext/utils/theme.ts

@@ -674,6 +674,7 @@ export type Theme = {
       roundedView: ViewStyle;
     };
     unreadUnderlayColor?: ColorValue;
+    wrapper: ViewStyle;
   };
   poll: {
     allOptions: {
@@ -1466,6 +1467,7 @@ export const defaultTheme: Theme = {
       container: {},
       roundedView: {},
     },
+    wrapper: {},
   },
   poll: {
     allOptions: {