Fix : File_Attachement_UI_Not_Correct

[AyushKumar123456789]

Description:

This PR fixes three issues with attachment UI rendering:

1. File Description Overlap: File attachments (such as PDFs, videos, etc.) previously rendered their description/message on a single line. This has been fixed by ensuring proper line breaks and spacing.
2. Missing Collapse/Expand Button for Files: Unlike image, audio, and video attachments, file attachments lacked a collapse/expand button. This has now been added so users can toggle file details.
3. Audio Attachment Multi-line UI Issue: When an audio attachment's associated message spans multiple lines, the text was overlapping. The problematic CSS (such as an overly restrictive line-height) has been adjusted to render multi-line text correctly.

Steps to reproduce:

1. Send a message with a file attachment (e.g., a PDF or video) that includes a multi-line description.
2. Observe that the description renders as one continuous line and overlaps.
3. Notice that there is no collapse/expand button for the file attachment.
4. Repeat the process with an audio attachment containing multi-line text to see the overlapping issue.

Expected behavior:

• File attachments should render their description/message properly line by line.
• A collapse/expand button should be available for file attachments, allowing users to hide or reveal additional file details.
• Audio and other file attachments should display multi-line messages correctly without overlapping.

Actual behavior:

• The file attachment description/message appears on one line, causing overlapping when the text is long.
• No collapse/expand functionality exists for file attachments.
• Audio attachments with multi-line messages experience text overlapping due to incorrect CSS settings.