Redesign header - info about user you are viewing

[timea-solid]

We need to add the overall profile info, like in profile-pane to the socialPane:

The only difference I see between the profile-pane heading and the socialPane one is the top right button on socialPane. This button is the initial drag and drop Ui element from solid-ui.

p.s. This heading will also get a 'Add friend button' which is not in the design now, with according pop up for pasting a WebID. I argue that drag and drop is not an accesible feature, reason why we should also have a copy paste pop up. This would only appear when you are logged in, on your heading. -> we will create a subtask of this button, when we get a design.

[SharonStrats]

I have already added the 'add friend' button when logged in. I have imported it from profile-pane. I did this in the first release so it's exported from profile-pane in the main branch.

Here is the code for getting this data in profile-pane link.

I wonder if we should export this code from profile-pane?