feat: add user page design

[andre-code]

Apply new user page design

/deploy renku=release-0.62.0 renku-data-services=main

[RenkuBot]

You can access the deployment of this PR at https://renku-ci-ui-3433.dev.renku.ch

[leafty]

Just use me-2 on the Icon, all these classes are not needed except mb-0.

Also, I don't think using a p element is appropriate here since the semantic flow is broken. The whole Identifer: <username> should be found inside a single p if possible. Otherwise just use <div> and <span>.

[leafty]

This may be broken just like for groups.

[leafty]

The design of the group and user pages do not look consistent, see the watermark here:

The alignment for the user watermark is not the same and there is no horizontal bar.

[andre-code]

@leafty The margin is part of the icon's SVG itself, and I couldn't find a suitable style to remove it. In this case, the solution would be to use a custom image instead, which I recommend to address in a separate PR.

[leafty]

@leafty The margin is part of the icon's SVG itself, and I couldn't find a suitable style to remove it. In this case, the solution would be to use a custom image instead, which I recommend to address in a separate PR.

You could manually adjust the position for this case.

[RenkuBot]

Tearing down the temporary RenkuLab deplyoment for this PR.