feat: Support message with multiple attachments (RocketChat#6068)

* Support message with multiple attachments

* Update message stories

* fix: snapshot test

* fix: storybook merge mismatch

---------

Co-authored-by: OtavioStasiak <otaviostasiakmusic@outlook.com>

Author: diegolmello

app/containers/message/Message.stories.tsx

@@ -673,7 +673,7 @@ export const WithImage = () => (
 			attachments={[
 				{
 					title: 'This is a title',
-					description: 'This is a description',
+					description: 'This is a description :nyan_rocket:',
 					image_url: '/dummypath'
 				}
 			]}
@@ -697,6 +697,19 @@ export const WithImage = () => (
 				}
 			]}
 		/>
+		<Message
+			msg='multi file'
+			attachments={[
+				{
+					title: 'This is a title',
+					image_url: '/dummypath'
+				},
+				{
+					title: 'This is a title',
+					image_url: '/dummypath'
+				}
+			]}
+		/>
 		<Message
 			attachments={[
 				{
@@ -724,7 +737,21 @@ export const WithImageLargeFont = () => (
 			attachments={[
 				{
 					title: 'This is a title',
-					description: 'This is a description :nyan_rocket:',
+					description: 'Header false',
+					image_url: '/dummypath'
+				}
+			]}
+			isHeader={false}
+		/>
+		<Message
+			msg='multi file'
+			attachments={[
+				{
+					title: 'This is a title',
+					image_url: '/dummypath'
+				},
+				{
+					title: 'This is a title',
 					image_url: '/dummypath'
 				}
 			]}
@@ -756,16 +783,22 @@ export const WithVideo = () => (
 			attachments={[
 				{
 					title: 'This is a title',
+					description: 'Header false',
 					video_url: '/dummypath'
-				},
+				}
+			]}
+			isHeader={false}
+		/>
+		<Message
+			msg='multi file'
+			attachments={[
 				{
 					title: 'This is a title',
-					description: 'This is a description :nyan_rocket:',
 					video_url: '/dummypath'
 				},
 				{
 					title: 'This is a title',
-					video_url: '/dummypath2'
+					video_url: '/dummypath'
 				}
 			]}
 		/>
@@ -791,6 +824,19 @@ export const WithVideoLargeFont = () => (
 				}
 			]}
 		/>
+		<MessageLargeFont
+			msg='multi file'
+			attachments={[
+				{
+					title: 'This is a title',
+					video_url: '/dummypath'
+				},
+				{
+					title: 'This is a title',
+					video_url: '/dummypath'
+				}
+			]}
+		/>
 	</>
 );
 
@@ -805,19 +851,23 @@ export const WithAudio = () => (
 				}
 			]}
 		/>
-		<Message msg='First message' isHeader={false} />
 		<Message
 			attachments={[
 				{
 					title: 'This is a title',
-					description: 'This is a description',
+					description: 'Header false',
 					audio_url: '/dummypath'
 				}
 			]}
 			isHeader={false}
 		/>
 		<Message
+			msg='multi file'
 			attachments={[
+				{
+					title: 'This is a title',
+					audio_url: '/dummypath'
+				},
 				{
 					title: 'This is a title',
 					audio_url: '/dummypath'
@@ -878,7 +928,17 @@ export const WithAudioLargeFont = () => (
 			isHeader={false}
 		/>
 		<MessageLargeFont
+			msg='multi file'
 			attachments={[
+				{
+					title: 'This is a title',
+					audio_url: '/dummypath'
+				},
+				{
+					title: 'This is a title',
+					description: 'This is a description :nyan_rocket:',
+					audio_url: '/dummypath'
+				},
 				{
 					title: 'This is a title',
 					audio_url: '/dummypath'
@@ -1056,6 +1116,17 @@ export const FileAttachmentsWithFilenamesLargeFont = () => (
 			]}
 			isHeader={false}
 		/>
+		<MessageLargeFont
+			msg='multi file'
+			attachments={[
+				{
+					text: 'File.pdf'
+				},
+				{
+					text: 'File.pdf'
+				}
+			]}
+		/>
 	</>
 );