Feat: Added 'Collapse & Uncollapse' Functionality for Audio, Video Messages & Image attachment

[dhairyashiil]

Brief Title

Feat: Added 'Collapse & Uncollapse' Functionality for Audio and Video Messages

Acceptance Criteria fulfillment

• Added a button for expanding and collapsing audio and video file previews in both AudioAttachment and VideoAttachment components.
• The button toggles between an "expand" and "collapse" icon based on the current state.
• Ensured that when clicked, the corresponding media element is either collapsed or expanded.
• Placed the button on the right side of the filename within the AttachmentMetadata component.
• The default state is expanded, as required.

Fixes #771

Video/Screenshots:

Collapse.Uncollapse.Functionality.for.audio.and.video.messages.mp4

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-772 after approval. Contributors are requested to replace <pr_number> with the actual PR number.

[abirc8010]

Hey @dhairyashiil I believe this will be a nice addition.
I think you can also work on making the image attachment collapsable as in RC

[dhairyashiil]

Hello @abirc8010,
Thank you for the kind words! I also agree this will be a nice addition.

I’ve just added the collapsible image attachment feature as you suggested. Appreciate your input, your suggestions have always been really helpful!

😃👍

[dhairyashiil]

For the Image attachment refer the video:

Collapse.Uncollapse.Image.Attachment.mp4

[Spiral-Memory]

Good addition @dhairyashiil