Redesigned Navbar and Theme Toggler to Match Accord Project's Profess…

[jency1]

Closes #362

Re-designed the Navbar and Toggler to resemble the original Accord Project website, enhancing the professionalism and UI/UX.

Changes

• Redesigned the Navbar with icons and hover effects.
• Implemented a professional and responsive design.
• Updated the toggle button for dark mode to look more polished.

Flags

• Ensure that all hover effects work properly across different devices.
• Test responsiveness on all screen sizes.

Screenshots or Video

Previous

Now

Related Issues

• Issue Redesign Navbar & Toggler to Match Accord Website Style (Professional, Responsive) #362
• Pull Request Redesigned Navbar and Theme Toggler to Match Accord Project's Profess… #363

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to main from fork:branchname

[netlify]

❌ Deploy Preview for ap-template-playground failed.

Name	Link
🔨 Latest commit	7879cb7
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/680a97afbc3fad000844d756