change: [M3-8511] - Refactor and Improve the User Details Page

[bnussman-akamai]

Description 📝

• Improves the UI and UX of the user details page (only the profile tab) 👤
• Refactors user details page to use our latest patterns so that it will be easy to understand and maintain 🧹

Preview 📷

Before	After
Broken UI and very little information 😞	Better looking UI and more information shown for transparency ✨

How to test 🧪

• Test the user details page (the profile tab) in depth 🔍
• Test on parent child accounts (parent, proxy, etc...) 👥
• Test updating email on the user details page ✏️
• Test updating username on the user details page ✏️

As an Author I have considered 🤔

• 👀 Doing a self review
• ❔ Our contribution guidelines
• 🤏 Splitting feature into small PRs
• ➕ Adding a changeset
• 🧪 Providing/Improving test coverage
• 🔐 Removing all sensitive information from the code and PR description
• 🚩 Using a feature flag to protect the release
• 👣 Providing comprehensive reproduction steps
• 📑 Providing or updating our documentation
• 🕛 Scheduling a pair reviewing session
• 📱 Providing mobile support
• ♿ Providing accessibility support

[github-actions]

Coverage Report: ✅
Base Coverage: 86.13%
Current Coverage: 86.13%

[jaalah-akamai]

Nice work 🧹
Parent/Child looks good still from all three views (Parent, Proxy, Child)

[carrillo-erik]

Nice Work, I really like the UI improvements as it makes the information easier to consume. Also, I appreciate the breakdown of the UserProfile component into separate Panels. Finally, thank you for improving both the unit and e2e tests.