Accessibility: Hamburger "menu" missing some properties and states of a disclosure control

[jason-me]

Issue

The Hamburger Menu does not follow the established design pattern for a disclosure control

Expected Behavior

• WCAG 2.2 AA 4.1.2 Name, Role, Value requires that programmatically determined states and properties are communicated to screen reader users.
• WAI - ARIA APG Disclosure Show/Hide Pattern requires that when the content is visible, the element with role button has aria-expanded set to true. When the content area is hidden, it is set to false.
  Optionally, the element with role button has a value specified for aria-controls that refers to the element that contains all the content that is shown or hidden.
• Screen reader users expect to hear this information when interacting with disclosure buttons to determine the current state of the control

Acceptance Criteria

• Add an aria-expanded attribute on the HamburgerButton which returns true when expanded and false when not expanded
• Optionally add an aria-controls attribute to the HamburgerButton which refernces the id of the container for the exposed controls
• Test with a screen reader JAWS, VoiceOver, NVDA, Orca, Talkback, etc. - ensure the expanded state is announced

Linked to tracking issue: #456