🌟 Added link preview in the frontend

[rezk2ll]

Description

• adds the link preview

Related Issue

#2217

Motivation and Context

• display previews for links detected in messages.

How Has This Been Tested?

• locally

Screenshots (if appropriate):

previewDemo.mp4

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have added the Signed-off-by statement at the end of my commit message.

[RomaricMourgues]

Nice, I'll have some design change proposals later, I already have this ones:

• Reduce size of favicon (they seems blurry, I think default size is 16px)
• Align title first line with the favicon itself
• Add the domain name (like youtube.com) just under the title
• Reduce the title size (I think the same size as the description is ok, bold should be enough to differentiate title and description)
• If not already done, of course make it clickable, on slack the title is in blue and is clikable if we want to follow they implmentaiton

[rezk2ll]

updated:

demo-links-preview-.mp4

[RomaricMourgues]

More change request:

• Let's put the domain next to the favicon instead of the title.
• Let's put the title aligned with the description
• Add border radius to the bottom on the link too