Toggle buttons on Settings page not functioning correctly

[sammyifelse]

Several toggle buttons on the Settings page are unresponsive or do not save their state. When a user clicks a toggle, the action is not registered, and the setting reverts to its previous state upon page refresh.

Steps to Reproduce

1. Navigate to the Settings page in the application.
2. Click on one of the affected toggle buttons, for example, **[

'Enable Dark Mode']**.
3. Navigate away from the Settings page and then return, or simply refresh the page.

Expected Behavior

The toggle button should switch its state (e.g., from off to on), and this new state should be saved. Upon refreshing or returning to the page, the button should reflect the new, saved state.

Actual Behavior

The toggle button's should work. For Dark Mode: It should be able to be make the dark theme that we get when we click the moon option in the top right corner. [Leave the High Contrast button as it is]

Environment (Optional)

• OS: [e.g., Windows 11, macOS Sonoma]
• Browser: [e.g., Chrome, Firefox]
• App Version: [e.g., v1.2.3]

Additional Context

This issue affects the following toggle buttons:

• Dark Mode
• High Contrast

[Dust-0928]

Exuse me, is this a bug you found that waiting for someone to fix?I am new in github, I am finding a way to contribute to open-source project and is this how I can begin to contribute?(My English is not so good)

[blessyparida]

I want to fix this. Kindly assign me this issue.

[divya4234]

I want to fix this issue. I request you to kindly assign this to me.

[Sumeet2005]

I want to fix this issue. I request you to kindly assign this to me.

[sammyifelse]

Kindly raise the pr and generate a proper documentation on what changes you have done.