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 failed

Failed conditions
2 New issues
2 New Code Smells (required ≤ 0)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE