feat: Use anchor tag for link preview

[p1gp1g]

This allows one to use the browser's context
menu for instance to copy the link or open
it in a new window.

---

PR Submission Checklist for internal contributors

• The PR Title

  • conforms to the style of semantic commits messages¹ supported in Wire's Github Workflow²
  • contains a reference JIRA issue number like SQPIT-764
  • answers the question: If merged, this PR will: ... ³

• The PR Description

  • is free of optional paragraphs and you have filled the relevant parts to the best of your ability

---

What's new in this PR?

Issues

We currently can't use the browser's context menu when a link is previewed. We can't copy/open in new (private) windows etc.

Causes (Optional)

The link previews use a paragraph tag.

Solutions

The link previews use an anchor tag.

---

PR Post Submission Checklist for internal contributors (Optional)

• Wire's Github Workflow has automatically linked the PR to a JIRA issue

---

PR Post Merge Checklist for internal contributors

• If any soft of configuration variable was introduced by this PR, it has been added to the relevant documents and the CI jobs have been updated.

---

References

1. https://sparkbox.com/foundry/semantic_commit_messages
2. https://github.com/wireapp/.github#usage
3. E.g. feat(conversation-list): Sort conversations by most emojis in the title #SQPIT-764.

[CLAassistant]

All committers have signed the CLA.

[p1gp1g]

Gentle ping for this MR. The current behavior can be frustrating and the fix is very simple

[p1gp1g]

@atomrc : Sorry if you are not the right person to contact, I didn't find the information on the README.

Almost every day, I have to look at the DOM of the application to copy links/open in private windows because the links are not in anchor tags. Do you think it is possible to review this PR ?

[atomrc]

Please use the prependProtocol function on the preview.url from UrlUtil to make sure the link has the right protocol.

href={prependProtocol(preview.url)}

[atomrc]

Hi @p1gp1g and thanks for your contribution 👌

A few things to consider that I have added as a review.

Thanks again and let me know if you have any question :)

[p1gp1g]

Thanks for your review ! I have amended the commit with your changes

Note: noreferrer alone should be enough: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel#noreferrer

[codecov]

Codecov Report

Merging #15039 (59d0a4b) into dev (607f51b) will increase coverage by 1.06%.
Report is 676 commits behind head on dev.
The diff coverage is n/a.

@@            Coverage Diff             @@
##              dev   #15039      +/-   ##
==========================================
+ Coverage   43.42%   44.48%   +1.06%     
==========================================
  Files         645      672      +27     
  Lines       21582    22707    +1125     
  Branches     4945     5167     +222     
==========================================
+ Hits         9372    10102     +730     
- Misses      11025    11316     +291     
- Partials     1185     1289     +104     

[atomrc]

Approved 😎
Thanks @p1gp1g