Add Theme Toggle (Dark/Light Mode) & Scroll-to-Top/Bottom Button

[bharathichethanamn]

program: gssoc
Closes #704

Description

This PR implements two UI/UX enhancements for the DevPath landing page:

🌙 Theme Toggle

• Added a theme toggle button in the navbar.
• Supports switching between Dark Mode and Light Mode.
• Theme preference is stored in localStorage and persists after page refresh.
• Theme icon updates dynamically based on the active mode.

⬆⬇ Scroll Navigation Button

• Added a floating scroll navigation button at the bottom-right corner.
• Button appears after the user scrolls beyond 200px.
• Smoothly scrolls between the top and bottom of the page.
• Arrow direction updates dynamically based on scroll position.

Benefits

• Improves accessibility and readability.
• Enhances navigation experience on long pages.
• Provides a modern and user-friendly interface.
• Works across desktop and mobile devices.

Checklist

• Tested locally
• Responsive on desktop and mobile
• Theme preference persists after refresh
• No existing functionality was broken

Screenshots

Before :


After:

[vercel]

@bharathichethanamn is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your first pull request to DevPath.

Before review:

• Complete the PR template fully
• Ensure all tests pass
• Link your PR to an issue
• Keep changes scoped to the issue

A maintainer will review your contribution soon.

[komalharshita]

Changes approved.....looks good to merge!
Thank you for your contribution to DevPath.