chore: use new Menu in BottomBar

[kurtdoherty]

Context

• We've recently made a new Menu component available.
• We need to replace usage of the DeprecatedMenu within other Elements components with this new one.

This PR

• Replaces the use of DeprecatedMenu in BottomBar.MenuItem with the new Menu.
• Updates BottomBar.MenuItem to close the menu, if it's open, whenever the BottomBar collapses/closes.

[rpt-uk-github]

🎉 Snyk checks have passed. No issues have been found so far.

✅ security/snyk check is complete. No issues have been found. (View Details)

✅ license/snyk check is complete. No issues have been found. (View Details)

✅ code/snyk check is complete. No issues have been found. (View Details)

[codacy-production]

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
Report missing for a75bd4f1	✅ 91.30%

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (a75bd4f)	Report Missing	Report Missing	Report Missing
Head commit (7b31f0c)	8070	7342	90.98%

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#646)	46	42	91.30%

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings    Change summary preferences

Footnotes

1. Codacy didn't receive coverage data for the commit, or there was an error processing the received data. Check your integration for errors and validate that your coverage setup is correct. ↩