Add navbar to all pages

[aliicezhao]

Notion ticket link

Add Navbar To All Pages

Implementation description

• Added the NavBar component to all pages where users are logged in (all pages except for /login and /signup).
• Displays the page name of the current page based on the route using layout.

Steps to test

1. Verify the NavBar appears on all pages except /login and /signup.
2. Ensure the NavBar correctly displays the page name based on the current route
3. Test that the NavBar buttons work as expected and that the component is responsive (check mobile and tablet views).

What should reviewers focus on?

• NavBar sizing is appropriate across devices.

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR

[jerry-cheng5]

Good work so far, we do need to fix a few things I added some comments.

Also make sure to run the linter, github yells at us if we don't lol

[jerry-cheng5]

Use the constants in constants/Routes.ts for the paths.

[jerry-cheng5]

The navbar is cutting off the top part of pages (user management, dev utility).

We may need some global CSS here.

@vips11 Do you have any recommendations on how to get a global navbar to work without cutting off the actual page content?

[jerry-cheng5]

Looks good to me!

great work on finding a CSS fix!