navbar admin mode

[pratyush1718]

Tracking Info

Resolves #29

Changes

Added horizontal and vertical nav bar for admin node

Testing

tested on http://localhost:3000/

Confirmation of Change

[Anthonyp0329]

Great work Pratyush! Just some styling issues with the top navbar, the sideline sidekick text shouldn't be stacking, and the search bar isn't centered, also the profile icon isn't showing. Also, if you could put the components and their styles into a dedicated components folder. I think these issues just occur on smaller screens.Thanks!

[meganleongg]

Great work!! On top of the styling issues with the top navbar, I noticed the logos along the side bar are misaligned, "Home" seems to be a lighter weight boldness than "Search" and "General Principles", and the spacing between categories under General Principles seems stacked tighter together than the Figma designs intended.

[LillianHo5]

This looks great! Aside from what was mentioned in the above comments, I noticed that the chevron/arrow should be pointing right when inactive instead of pointing down from the Figma. It also seems that the "All" should be bolded.

[github-actions]

Visit the preview URL for this PR (updated for commit db6d416):

https://sideline-sidekick-app--pr34-feature-pratyush1718-58j0eg17.web.app

_{(expires Mon, 06 May 2024 04:13:10 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c79d7b8d45dd65a5ed497bfab058d62b30d420cc}

[pratyush1718]

All the above comments have been addressed. @Anthonyp0329 and I have decided to push without the arrow direction change for now.