feat: Add file size in attached docs and Tooltips for downloads/collapse/title options.

[thepiyush-303]

Brief Title

Added file size display for all attachment types and tooltips for download, collapse, and other options. Also fixed a responsiveness issue where the image title overlapped on smaller screens—now it truncates with an ellipsis, and the full title can be viewed via a tooltip.

Acceptance Criteria fulfillment

• file-size should be shown beside the image title.
• ToolTips should be shown for title/download/collapse button.
• overlapping of file-name also fixed by adding elippses.
• responsiveness of all type of attachments

Fixes #779

Video/Screenshots

Both Before and After is shown in this clip.

Screencast.from.2025-01-07.23-31-18.mp4

PR Test Details

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

[Spiral-Memory]

LGTM

[Spiral-Memory]

THis change is only valid in Pinned messages ?

[Spiral-Memory]

Tooltip is too far away

[Spiral-Memory]

Can't see this change in File sidebar ? any reason ?

[thepiyush-303]

Can't see this change in File sidebar ? any reason ?

Since RC doesn't show file size in file Sidebar so, I haven't add it in file Sidebar.

[thepiyush-303]

THis change is only valid in Pinned messages ?

no it is for all file messages.

[thepiyush-303]

Tooltip is too far away

@Spiral-Memory
It is because ActionButton is having inbuilt margin from the top, like when you see input formatting toolbar you will notice there also tooltip is far away, if there is anything i can do for it please let me know

[thepiyush-303]

@Spiral-Memory

I want to add some more changes for responsiveness of the Metadata
can I add in this PR Now?

[thepiyush-303]

also fixed some responsive issues the video of issue is attached in issue:
this is the final change ->

Screencast-from-2025-02-07-00-40-24.mp4