Create Navbar Component

[Aokijiop]

Description

• Create a new component called Navbar which matches the hi-fi design
  • Style it so that it has its position property set to "fixed"
  • The navbar should contain the 3 buttons as specified in the wireframes with the appropriate icons
    • To get the icons, click on the icons on Figma and export them as downloadables, which you can then place in our assets folder
      • For now, since the flow of the buttons hasn't been confirmed, you can just leave them functionless
  • In app.jsx create a wrapper for Navbar
    • Use the Outlet built-in provided by react-router-dom
    • Should look something like this:
      • 
    • Create a new Route in App.jsx and wrap our Playground page and DummyEvents page inside it
    • Should look something like this:
      • 
      • Except the routes would be for Playground and DummyEvents
    • After wrapping these pages with the wrapper, the Navbar component should appear in both pages

Acceptance Criteria

• The Navbar component has been created and matches the specified design
• In App.jsx, a wrapper for Navbar has been created and correct renders Navbar inside the Playground and DummyEvents page

Resources

• Hi-fi Wireframes