User profile page header tidy

What does this MR do and why?

I am about to introduce achievements/badges into the profile header so want to try and tidy it up and make some space first 💪

Driven by @mnichols1 comment #385383 (comment 1292033479) and related to #23726 (closed)

Screenshots or screen recordings

before	after

How to set up and validate locally

http://gdk.test:3000/root (be sure to fill your profile with location, timezone, status, bio, website etc)

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.