[NEW] Attachment Files Redesign

[hugocostadev]

Proposed changes (including videos or screenshots)

• Replace File attachments to use MessageGenericPreview
• Move File attachments to the /MessageList folder
• Refactor Video, Image, and Audio Attachments to use MessageGenericPreview
• New component MessageCollapsible
• Refactored the OEmbedCollpsible component to use MessageCollapsible
• Refactored the AttachmentSize component to include different style
• Added descriptionMd property to the MessageAttachment object to use the new parser in descriptions
• Added size and format to attachment object at sendFileMessage.ts
• Changed maxWidth and maxHeight of AttachmentContext to be the same as the OEmbed sizes

OLD:

NEW:

Issue(s)

Steps to test or reproduce

Further comments

This PR implements the File Attachment using the MessageGenericPreview.
To be able to test during the Draft/PR phase, it's necessary to run both PR together.

Fuselage Pull Request: RocketChat/fuselage#932

TC-57

[lgtm-com]

This pull request introduces 1 alert when merging 64d41eb into c8af645 - view on LGTM.com

new alerts:

• 1 for Useless conditional

---

Heads-up: LGTM.com's PR analysis will be disabled on the 5th of December, and LGTM.com will be shut down ⏻ completely on the 16th of December 2022. Please enable GitHub code scanning, which uses the same CodeQL engine ⚙️ that powers LGTM.com. For more information, please check out our post on the GitHub blog.

[gabriellsh]

We should discuss better if descriptionMd is something we want to do...

[codecov]

Codecov Report

Merging #27470 (b56ac3e) into develop (1fecf0f) will increase coverage by 0.90%.
The diff coverage is 22.22%.

@@             Coverage Diff             @@
##           develop   #27470      +/-   ##
===========================================
+ Coverage    42.01%   42.92%   +0.90%     
===========================================
  Files          844      818      -26     
  Lines        17751    17243     -508     
  Branches      2009     1939      -70     
===========================================
- Hits          7458     7401      -57     
+ Misses       10029     9580     -449     
+ Partials       264      262       -2     

Flag	Coverage Δ
e2e	42.92% <22.22%> (+0.90%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

[gabriellsh]

When sending a giph using the giphy app, the aspect ratio seems to be lost.

Develop:

Your PR:

Other attachments seem to be fine though.