feat: add new dashboard layout

[andre-code]

PR to add new dashboard layout

/deploy renku=andrea/update-dashboard-layout renku-data-services=main

[RenkuBot]

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

[leafty]

Thanks @leafty for your review, the reason for calculating the avatar based on the slug/username instead of the initials is to ensure consistency across the app.

Also, this is wrong, since the existing pages use the initials (which is much more appropriate) than the namespace slug.

[andre-code]

Thanks @leafty for your review, the reason for calculating the avatar based on the slug/username instead of the initials is to ensure consistency across the app.

Also, this is wrong, since the existing pages use the initials (which is much more appropriate) than the namespace slug.

I understand the confusion. The changes required for the group and user pages are addressed in the other PRs. Here, you’ll see the avatar functioning consistently across all pages. https://renku-ci-ui-3433.dev.renku.ch/

[leafty]

Thanks @leafty for your review, the reason for calculating the avatar based on the slug/username instead of the initials is to ensure consistency across the app.

Also, this is wrong, since the existing pages use the initials (which is much more appropriate) than the namespace slug.

I understand the confusion. The changes required for the group and user pages are addressed in the other PRs. Here, you’ll see the avatar functioning consistently across all pages. https://renku-ci-ui-3433.dev.renku.ch/

Well, it is irksome to not see initials in that PR, to be honest. The initial component was created to use initials because it is what users would expect this type of "Avatar with initials" to be. Anyway, I will have a PR ready to fix the avatars and use initials (not just the first two letters). -> #3437

[leafty]

Should be OK to merge now. Good work.

[leafty]

Actually, should be good to go once the footer cards are fixed.

[leafty]

I don't think this changes anything.

Suggested change

"position-relative"

[leafty]

Small detail, but this would be nice:

Suggested change

	a:hover svg {
	a:hover svg, a:focus svg {

Reference: https://webaim.org/techniques/hypertext/link_text#hover

[RenkuBot]

Tearing down the temporary RenkuLab deplyoment for this PR.