[FEATURE] Allow hyperlinks in profile's bio section

Description

It will be a nice feature that allows users to add hyperlinks in their bio section. Users can add links to their previous & current works, contributions, etc.

Screenshots

A user profile data, Which has a link in bio 👇

{
  "name": "Eddie Jaoude",
  "type": "personal",
  "bio": "Founder of <a href='https://github.com/EddieHubCommunity'>@EddieHubCommunity</a>",
  "avatar": "https://github.com/eddiejaoude.png",
  "links": ["..."]
}

Additional information

My solution :-

In src/Components/Profile.js component, Check bio prop contains hyperlinks(anchor tags) using the below regex 👇

const regex = /<a[\s]+([^>]+)>((?:.(?!\<\/a\>))*.)<\/a>/gi;

If it does not contain hyperlinks render the bio. If it contains the hyperlink render a new component, which converts the string hyperlinks to the anchor tags.

[EmmaDawsonDev]

Isn’t this the purpose of all the links and milestones under the bio though?

[eddiejaoude]

This is now allowed with the use of markdown in the bio 👍