Working Groups: Add social links beneath each worker

[mochet]

Problem

When new random users visit Pioneer they will want to ascertain legitimacy and its import for this to be doable in an easy way. Commonly on "team" pages on web3 projects you will find social links (i.e. Twitter, GitHub etc) beneath workers.

For some WGs like Storage and Distribution it is probable (and already the case) that we will have quite upstanding and well known web3 companies acting as infrastructure providers and it increases the value prospect of the project if this information is better made visible via social profiles.

See below example of the builders WG:

A small set of buttons should be under each profile, something like this. It doesn't need to be huge and could fit tidily under the worker profiles.

[dmtrjsg]

Smth like this could be used:

[msmadeline]

@chrlschwb @dmtrjsg @mochet Hello! I created 4 version of displaying the socials on the worker profile's so that we can choose the best solution.

IMO version 1 and version 4 are the best one's just because they are easy to read and very clear to understand. They also look the best for me when it comes to the layout. Version 4 is suitable for every worker handle lenght as well so nothing will clash with each other.

Version 2 has a layout that is a little bit confusing and it just doesn't look good imo.

Figma file ➡https://www.figma.com/file/NVVEvdbacBlL0VIfMEwd8j/Working-Groups?type=design&node-id=4-3830&mode=design&t=CC8lPjZHuYy0uaHj-4

[dmtrjsg]

I'd say v3 but swap worker badges with SM badges so roles come first.

[msmadeline]

@chrlschwb @dmtrjsg @mochet Hello, Here's a final verion of the design for worker's profile
Figma file ➡https://www.figma.com/file/NVVEvdbacBlL0VIfMEwd8j/Working-Groups?type=design&node-id=17-954&mode=design&t=8zVyd4AjjFecOk7W-4