fix: inverted unread indicator due to applied inverted styles (#2889)

* fix: inverted unread indicator due to applied inverted styles

* fix: tests snapshots

* fix: unread indicator inverted issue on android

* fix: tests

Author: khushal87

package/src/components/MessageList/MessageList.tsx

@@ -670,33 +670,36 @@ const MessageListWithContext = <
         threadList={threadList}
       />
     );
+
     return wrapMessageInTheme ? (
       <>
         <ThemeProvider mergedStyle={modifiedTheme}>
           <View
             style={[shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined]}
             testID={`message-list-item-${index}`}
           >
+            {shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && (
+              <InlineUnreadIndicator />
+            )}
             {shouldApplyAndroidWorkaround && renderDateSeperator}
             {renderMessage}
           </View>
         </ThemeProvider>
         {!shouldApplyAndroidWorkaround && renderDateSeperator}
-        {/* Adding indicator below the messages, since the list is inverted */}
-        {insertInlineUnreadIndicator && <InlineUnreadIndicator />}
+        {!shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && <InlineUnreadIndicator />}
       </>
     ) : (
       <>
         <View
           style={[shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined]}
           testID={`message-list-item-${index}`}
         >
+          {shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && <InlineUnreadIndicator />}
           {shouldApplyAndroidWorkaround && renderDateSeperator}
           {renderMessage}
         </View>
         {!shouldApplyAndroidWorkaround && renderDateSeperator}
-        {/* Adding indicator below the messages, since the list is inverted */}
-        {insertInlineUnreadIndicator && <InlineUnreadIndicator />}
+        {!shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && <InlineUnreadIndicator />}
       </>
     );
   };