Implemented Dark/Light Theme Toggle with Persistent State – Closes #17

[deepanshu-prajapati01]

Hi team 👋

This PR addresses Issue #17 by introducing a fully functional Dark/Light Theme Toggle that enhances user accessibility and visual experience across the app.

---

✅ What’s Implemented:

---

🌗 Dark/Light Mode Toggle Functionality

• Added a toggle button in the Navbar to switch between light and dark modes.
• Developed a custom useTheme hook to encapsulate the theme toggling logic, improving code separation and reusability.
• The theme preference is stored in localStorage to ensure persistence across sessions.
• Theme switching is powered by Tailwind's dark: class utility, ensuring efficient styling with minimal overhead.
• Implemented smooth transitions between theme changes for better UX.

---

🎯 Pages Updated for Theme Compatibility:

• ✅ Home Page
• ✅ Ideas Page
• ✅ About Page

All three have been updated to fully support theme switching with proper text, background, and interactive element contrast.

📸 Screenshots

---

Home Page

---

Ideas Page

---

About Page

---

🏷 Labels:

• gssoc2025
• level 2
• feature
• ui

Let me know if you'd like refinements in theme logic or further improvements across more pages.
Thanks! 🙌