[FEATURE]Add Dark and Light Mode Toggle for Enhanced User Experience

[Md-SabbirHosen]

Description:

Currently, the application lacks a dark and light mode toggle feature, which has become a standard in modern web applications to enhance user experience. Providing users with the ability to switch between dark and light themes can reduce eye strain, especially in low-light environments, and cater to individual preferences.

Proposed Solution:

• Implement a toggle switch to allow users to switch between dark and light themes.
• Ensure the selected theme persists across page reloads and sessions (e.g., using local storage).
• Style both modes following existing design patterns to maintain consistency with the application's UI.
• Add a smooth transition between themes to improve visual appeal.
• Ensure accessibility considerations, such as proper contrast ratios, are met in both modes.

Impact:

• Improved user experience with a customizable interface.
• Increased accessibility and user engagement by accommodating different lighting conditions and preferences.

[sujalcharati]

Please assign this issue to me under hacktoberfest.

[praneethaBrindavanam]

please assign the issue ! I would like to change it to light to dark mode

[Md-SabbirHosen]

@divyansh-2005 I'm currently working on this issue. So, give me some time.