[Architecture] PoC for website's left navigation

[julauxen]

Create a PoC for the left navigation on our website.
Storybook current example

Expected info architecture
Click the prototype to see the way that information should be organized but keep in mind this does not represent behaviour.

Expected behaviour (to see the behaviour, click components->card->call to action and then make the inverse path)
For the behaviour we expect:

• When closed, folders are expected to open the menu and navigate to a parent page when clicked upon.
• When open, folder are expected to close the menu and remain on said parent page/navigate to parent page when clicked upon.
• Children will always only navigate.

---

Tasks:

• Create NavigationMenu component in aries-core which can be consumed and reused by multiple Design System properties (e.g. DS Storybook, Docs site, etc.) (Navigation menu #5260)
• Enhance NavigationMenu to support navigation on parent selection ([aries-core] NavigationMenu - Spacing value updates & support parent active items #5636)
• Enhance NavigationMenu to support subheadings ([aries-core] NavMenu - Added ability to support grouping child NavItems with subheadings #5700)
• Incorporate NavigationMenu into Docs site
  • To make the layout grid easier to manage and understand, refactor Layout.js in docs site so that child regions are independent subcomponents and do not clutter the core grid layout responsibility. ([Docs site] - Refactored UserFeedback to make future enhancements to site page Layout.js #5669, [Docs site] Layout - Refactored DocLayout to make future enhancements to site page Layout.js #5685)
  • Add layout grid definition and NavigationMenu
• Accessibility and usability enhancements
  • Improve usability consistency for navigable item selection (e.g. navigable child items respond to both ENTER and SPACE, whereas navigable parents only respond to ENTER) ([aries-core] NavigationMenu - Navigable parent menu items have Enter only #5657)
  • Resolve issue where sticky header obscures focused nav items ([aries-core] NavigationMenu - Sticky header obscures focused nav items #5658)