In the current implementation while switching between dark mode to light mode the text of the button remains the same i.e. dark mode.

Steps to Reproduce:
- Click on the "Dark Mode" button to enable dark mode.
- Notice that the button text remains "Dark Mode" even though the page has switched to dark mode.
Expected Behavior: When dark mode is enabled, the button text should change to "Light Mode" to allow users to switch back to light mode. Similarly, when the light mode is active, the button text should display "Dark Mode."
Proposed Solution:
- Update the button text dynamically based on the current theme mode (dark or light) by checking whether the dark mode is active and adjusting the button text accordingly.
In the current implementation while switching between dark mode to light mode the text of the button remains the same i.e. dark mode.

Steps to Reproduce:
Expected Behavior: When dark mode is enabled, the button text should change to "Light Mode" to allow users to switch back to light mode. Similarly, when the light mode is active, the button text should display "Dark Mode."
Proposed Solution: