fix: allow images attached through file picker to display in gallery view

Author: vishalnarkhede

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

@@ -931,7 +931,7 @@ exports[`MessageList should render the message list and match snapshot 1`] = `
               ]
             }
           >
-            Sep 3
+            Sep 7
           </Text>
         </View>
       </View>

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

@@ -893,7 +893,7 @@ exports[`Thread should match thread snapshot 1`] = `
               ]
             }
           >
-            Sep 3
+            Sep 7
           </Text>
         </View>
       </View>

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -664,13 +664,21 @@ export const MessageInputProvider = <
         return;
       }
       if (file.state === FileState.UPLOADED || file.state === FileState.FINISHED) {
-        attachments.push({
-          asset_url: file.url,
-          file_size: file.file.size,
-          mime_type: file.file.type,
-          title: file.file.name,
-          type: 'file',
-        } as Attachment<At>);
+        if (file.file.type?.startsWith('image/')) {
+          attachments.push({
+            fallback: file.file.name,
+            image_url: file.url,
+            type: 'image',
+          } as Attachment<At>);
+        } else {
+          attachments.push({
+            asset_url: file.url,
+            file_size: file.file.size,
+            mime_type: file.file.type,
+            title: file.file.name,
+            type: 'file',
+          } as Attachment<At>);
+        }
       }
     }