[UX Improvement] - Link previews should appear with their specified links in messages

[shivang-16]

Description:

When sending multiple links in a message, the current behavior is such that all link previews appear at the end of the message. This can lead to confusion as the link previews are not associated with their respective links in the message body.

Steps to reproduce:

1. Compose a message containing multiple links.
2. Observe that the link previews appear collectively at the end of the message.

Expected behavior:

Link previews should be associated with their specified links within the message, providing a clear and intuitive display for users.

Actual behavior:

Link previews for multiple links appear at the end of the message, causing potential confusion about which preview corresponds to which link

Server Setup Information:

• Version of Rocket.Chat Server: 6.7.0
• Operating System: macOS
• NodeJS Version: 14.21.3
• MongoDB Version: 6.0.3

Client Setup Information

• Desktop App or Browser Version: chrome 121
• Operating System: macOs

Additional context

[ProgrammingPirates]

Hello Sir, @shivang-16 Can you assign me this issues please ?

[shivang-16]

@ProgrammingPirates, you can directly start working on this

[Himanshu-kiran]

Yes issue is there. I am trying to fix this .

[Himanshu-kiran]

@shivang-16 Did you get any way to resolve the issue..?? I think Two things are possible using hooks and making preview available only when we try to click or embedding previewing between the messages.