feat(dark-mode): add dark mode toggle functionality

[Mohammed-Thaha]

This pull request introduces a Dark Mode feature using a class-based strategy in Next.js, enhancing the user experience, especially in low-light environments. The implementation includes:

A toggle switch to enable/disable Dark Mode.

Persistent theme state management using localStorage.

Class-based theme switching (dark class applied to ).

Optimized styles to maintain readability and accessibility across all UI elements.

Additional Notes:

Open to any suggestions for improvement.

Let me know if any changes are required.

@JustinBenito and @nammahari for review. Looking forward to your feedback! 🚀

I have attach the screenshot below

Light Mode

Dark Mode

Thank You for reviewing my PR

[Mohammed-Thaha]

Make the dark mode toggle button responsive on small screens and attach a screenshot of its responsiveness. Let me know if there are any issues.

[nammahari]

Hey, Thanks For your contribution. To be honest, I don't think we need a dark mode feature for this site specifically so I am passing this and the PR is still open for community thoughts.

[Mohammed-Thaha]

Got it, thanks for sharing your thoughts! I appreciate you keeping the PR open for community input—happy to revisit if needed

[selvasudar]

@nammahari Usually most of the developers love to code in Dark Mode. This Dark Mode feature definitely adds indirect value to the website that it is for frontend developers too. Just my thought.

[nammahari]

@nammahari Usually most of the developers love to code in Dark Mode. This Dark Mode feature definitely adds indirect value to the website that it is for frontend developers too. Just my thought.

I do agree with that point most developers do prefer coding in Dark Mode. However, for a directory-style website, I’d recommend sticking with a light theme.

Dark themes tend to work better for utility or functional apps. Given the color scheme we're using for this site, I don't think a dark theme is necessary or adds much value in this context.