fix(headerbar): profile menu design changes

[cooper-joe]

Implements UX-113

---

Description

This PR updates the design of the profile menu in HeaderBar. The following changes are made:

• Adjust menu item labels, icons. The remapping of menu items are detailed in the linked ticket.
• 'My Profile' menu item replaces the 'Edit profile' link
• Custom items (debug info, app update notification) use button instead of MenuItem
• Display username instead of email in ProfileHeader.

Questions:

• Do these changes warrant a breaking change with the removal of the email prop from many components? I wasn't sure, as these components are not intended for consumption outside of the main profile menu component.
• The content tests (e.g. checking for the right username) are based on a mock response, should these be changed to check a real response?

---

Checklist

• API docs are generated
• Tests were added
• Storybook demos were added

All points above should be relevant for feature PRs. For bugfixes, some points might not be relevant. In that case, just check them anyway to signal the work is done.

---

Screenshots

[amcgee]

Force-pushed this to rebase it onto the command palette branch, which will be ported to the global shell repo

[dhis2-bot]

🚀 Deployed on https://pr-1670--dhis2-ui.netlify.app

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
2 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[KaiVandivier]

Looks good to me, thanks @cooper-joe!

Changing the email props on these components is fine; the affected components aren't considered part of the external API 🙂