Update Browser Nav Component

[sashamaryl]

You will be creating the menu component for the new navigation layout, browser edition.
This should be a reusable component that extends the react-bootstrap nav components.
Use the existing navigation for a reference or build on it, refactoring as needed.

Note that the mobile navigation uses a different base component and is being built separately.

Figma for this feature: Browser 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/dropdowns
• https://react-bootstrap.netlify.app/docs/components/navs/#using-dropdowns

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/