[enhancement]: Add light mode and dark mode toggle

[faiz66388]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

A light and dark mode toggle would provide users with the flexibility to switch between themes based on their preference or environment. This enhancement could be implemented as a simple toggle button in the user interface, allowing users to quickly switch between light and dark modes. The application should also store the user’s preference and apply it automatically upon subsequent visits.

Use Case

This feature would be particularly useful in scenarios where users are working in different lighting conditions. For instance, a user may prefer dark mode during nighttime or low-light settings to reduce eye strain, while others may prefer light mode during the day. It provides greater accessibility and a personalized user experience.

Benefits

Enhanced User Experience: Offering a choice between light and dark themes caters to users' preferences, improving comfort and usability.
Accessibility: Reducing eye strain in low-light environments makes the platform more accessible to a broader audience.
Modern Aesthetic: A theme toggle is now a common and expected feature in modern applications, bringing the project in line with current design trends.
User Retention: The ability to customize the interface according to user preference encourages longer engagement with the platform.

Add ScreenShots/Videos

Priority

Medium

Record

• I have read the Contributing Guidelines
• I'm a WOB'24(Winter Of Blockchain) contributor
• I'm a GSSOC'24 Extended contributor
• I'm a Hacktoberfest'24 contributor
• I have starred the repository

[github-actions]

Hello @faiz66388 Thank you for creating a new issue! 🎉 Your issue is currently under review.
Please wait till the issue is reviewed and assigned.

[github-actions]

Congratulations, @faiz66388! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[faiz66388]

Could you also please add the labels?

[apu52]

Could you also please add the labels?

@faiz66388 I will add the appropriate labels as per the review of the pr