Implement dark/light mode toggle + fixing navbar

[Wuuuuu5]

Summary

a responsive navbar fix and Implement light/dark mode toggle.

Navbar Responsive Fix

• Fixed navbar layout breaking at mid-range window widths
• Navbar now renders correctly across all screen sizes

Theme Toggle

• Implemented light/dark mode switch
• Users can now toggle between light and dark themes

How to Test

1. Resize the browser window to a mid-range width and verify the navbar displays correctly
2. Click the theme toggle and confirm the UI switches between light and dark mode

[rebeccafitzpatr]

Looking good Joseph !!
Just an issue with the background of the hamburger navbar , could you change the background colour to make links more easily visible ?

[rebeccafitzpatr]

I notice when screen size changes (especially wide screen) the social icons move to a darker part of the gradient bg and not visible . Perhaps try add slight background fill behind the icons to create contrast and ensure they are visible on all background ?