Hamburger menu button has odd accessibility labeling

[chrisglein]

Something doesn't feel right about how the drawer hamburger menu is showing to accessibility:

Collapsed:

Expanded:

Contrast with WinUI 3 Gallery's button:
Collapsed:

Expanded:

### Tasks
- [ ] Uses `TouchableHighlight` instead of `Pressable`
- [ ] Has different labels depending on press state
- [ ] Has child text item that shows not-legible text to accessibility
- [ ] Update terms to match ("Navigation" instead of "drawer")
- [ ] #407 

[chrisglein]

Something to investigate: Should this use WinUI's standardized menu button for this so we get alignment for free? Can that be extracted from navigation view like the back button can, or is it baked in and we just need to align?

Can check with Parity items in main RNW repo: https://github.com/microsoft/react-native-windows/labels?q=Parity%3A