129 make navbar dynamic

[h4yleysh4rpe]

Context

Creating a navbar for smaller screen widths, including mobile view. This should not only make it much easier for mobile users to navigate the site, but also help the mobile view compatibility, as the header no longer takes up the same fixed width across the whole page anymore.

Closes #129

What Changed?

• Created two new components - server-side SmallNavbarFetcher and client-side SmallNavbar.
• Created arrow svg's which live in the svg folder
• layout.tsx now contains both header components and renders conditionally based on screeen width
• Small navbar now shows up instead of the header for screen widths < xs (size in tailwind.config).

How To Review

Can review commit wise. Please check that all commit messages are satisfied as well as -

• no weird scaling issues, especially for reasonable mobile widths
• all pages are able to be navigated to

Notes

• I accidentally called the branch 129_make-branch-dynamic instead of navbar so just keep that in mind sorry!