Add a Dark Mode (Theme Toggle) feature to improve user experience, accessibility, and visual comfort, especially for users browsing at night or in low-light environments.

[jigyanshsahu]

Is your feature request related to a problem? Please describe.

Currently, the application only supports a light (white) theme, which looks good but can be uncomfortable for prolonged usage, especially in low-light conditions.

Many users prefer dark interfaces to:

Reduce eye strain
Improve readability in dim environments
Save battery life on OLED screens

This project lacks a theme customization option, which is now a standard feature in modern web applications.

Describe the solution you'd like

Implement a Dark Mode toggle that allows users to switch between light and dark themes.

Expected behavior:
A toggle button (icon: 🌙 / ☀️) in the navbar
Smooth transition between themes
Persist user preference using localStorage
Use CSS variables or Tailwind dark mode for implementation
Example:
Light Mode → current UI
Dark Mode → darker background, lighter text, adjusted components
Describe alternatives you've considered
Using system-based theme detection (prefers-color-scheme)
Keeping only light mode (rejected due to poor UX for night users)

While system detection is helpful, a manual toggle is still necessary for better user control.

Additional context
Dark mode is widely adopted in modern apps (GitHub, YouTube, etc.)
Improves accessibility and overall UI appeal
Especially useful for developer-focused platforms like this one

[github-actions]

To reduce notifications, issues are locked. Your issue will be unlock when we will add label as status: ready for dev. Check out the contributing guide for more information.