Added new media sizes; adjusted sizes for menuLink, underline, and se…

[Six5pAdes]

…archbar length

Description

This PR attempts to respond to the issue of the navbar's CSS.

Changes include:

• Adding more media rules for other screen sizes
• Changing sizes of the navLinks and logo so they fit the mobile sizes
• Adjusting the searchbar width to make it more responsive according to the screen size
  - removing some whitespace between searchbar and navLinks

Motivation

My motivation was to make the navbar and its elements more responsive in accordance with however big the screen and/or the page were.

---

Type of Change

• 🆕 New Feature
• 🐛 Bug Fix
• 🖼 Wallpaper Added
• 🎨 UI/Design Update
• 🔄 Refactor/Code Improvement
• 📂 Other (Specify here):

Issue Linked:

Fixes #44

---

Checklist

• 📖 I have read and followed the Contributing Guidelines.
• ✅ My code adheres to the project's style guidelines.
• 🧪 I have tested my changes locally and ensured no existing functionality is broken.
• ✍️ I have added or updated necessary documentation where applicable (e.g., README.md, DESIGN.md, WALLPAPER.md).

---

Video Submission

Fix.Navbar.Responsiveness.and.Design.Mismatch.44.mov

---

Additional Notes

The searchbar itself still needs to be fixed so the whitespace is similar to the original Figma images. On that note, I do believe what is written in this PR is a step in the right direction.

[github-actions]

🎉 Thanks @Six5pAdes for your PR! A maintainer will review it shortly. We appreciate your contribution!

[Parnab03]

@Six5pAdes
First, ensure that your pull request includes proper and detailed information about the changes or features you're proposing. Additionally, we are not requesting the implementation of such features or changes as you’ve described. Please join our Discord server and showcase your work there first before proceeding further.