Adapt Settings to the design and split the Display and Profile settings

[Tbaut]

closes #1907
The easiest is to play with it, and see if you find anything inconsistent.

---

Submission checklist:

Layout

• Change looks good in the desktop web ui
• Change looks good in the mobile web ui

Theme

• Components / elements inspected in light mode
• Components / elements inspected in dark mode

[render]

Your Render PR Server URL is https://chainsafe-components-stage-pr-1934.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c82mnpn6d9kguk5p7hpg.

[render]

Your Render PR Server URL is https://storage-ui-stage-pr-1934.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c82mnq76d9kguk5p7hu0.

[render]

Your Render PR Server URL is https://files-ui-stage-pr-1934.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c82mnqv6d9kguk5p7iag.

[asnaith]

Looks great and makes sense. It's nicer to use on mobile too 👍

[tanmoyAtb]

Amazing amazing work, UX is much better.

Just found this small margin offset, we might not keep this section anyway, still putting it here.
The button on first and last name,

[Tbaut]

Thanks, whether or not we keep it, I guess we would only comment it out, so I'll def fix that now

[FSM1]

Great work, this feels much smoother an experience🎉

[Tbaut]

Little heads up, I added a last minute small change to my settings PR, by removing the lock icon to the "Save change" button because IMHO a lock doesn't fit with saving a user name (this same icon is used on the security tab) and we don't use icons on buttons in general. lmk if you disagree. Also a note to myself, when disabled, this button has the same color as the background and looks totally out of place :)