Enhance Theme Toggle Functionality with Keyboard Accessibility

[ak-0404]

Description

This will improve the user experience by adding keyboard accessibility to the theme toggle button. Users will be able to switch between dark and light modes using the "Enter" key when the button is focused, ensuring better accessibility for keyboard navigators.

Additionally, we can include a check for the user's theme preference stored in localStorage, ensuring a consistent experience across sessions. This enhancement can create a more user-friendly interface.

Motivation

This pull request improves the theme toggle feature by allowing users to switch between dark and light modes using the "Enter" key when the button is focused. This makes the application more accessible for those who prefer keyboard navigation. Additionally, it saves the user's theme choice using localStorage, ensuring their preferred setting is applied every time they return to the app. These enhancements make the application more user-friendly and inclusive without complicating the existing code structure.

Screenshots

No response

Additional Context

No response

Checklist

• [X] I have checked the existing issues.
• [X] I have read the Code Of Conduct.
• [X] The changes don't break the code.
• [X] I will attach screenshots and videos of the development work once it is done.

Priority

Medium

[CowTheGreat]

Hi please assign me this issue

[ak-0404]

@GarimaSingh0109 Hello, I opened this issue. Please assign it to me, Thank You!