Create Mobile Nav Accordion Component

[sashamaryl]

You will be creating the menu Accordion component for the new navigation layout, mobile edition.
This will be a new component, unlike what we had before. Note that the browser navigation uses a different base component and is being built separately.

Figma for this feature: Mobile Navigation Annotations:

https://www.figma.com/file/IyRpfsVrU2pg3rysLauvQR/Navigation-V2?type=design&node-id=4356-14&mode=design

Useful project files:

• components/layout.tsx
• components/bootstrap.ts
• components/Navlink.tsx

Leverage the react-bootstrap features as much as possible. See:

https://react-bootstrap.netlify.app/docs/components/navs/#nav
https://react-bootstrap.netlify.app/docs/components/accordion

For styling, use bootstrap and styled components.

• https://getbootstrap.com/
• https://styled-components.com/

Create stories for components

We use storybook & chromatic to facilitate design reviews and communication, organize and document components, run UI visual tests, and for publishing our component library.
https://storybook.js.org/