Duplicate Theme Toggle Icons in Navbar and Light Theme Not Applying

[mythri2405]

Description

The navbar currently displays two theme toggle icons, and switching from dark mode to light mode does not work as expected.

Current Behavior

• Two theme toggle buttons are visible in the navbar.
• Clicking the theme toggle does not properly switch the application to light mode.
• The interface remains in dark mode.

Expected Behavior

• Only one theme toggle button should be visible.
• Theme switching should correctly apply both dark and light themes across the application.

Steps to Reproduce

1. Open the application.
2. Observe the navbar.
3. Notice that two theme toggle icons are displayed.
4. Click the theme toggle button.
5. The UI does not switch correctly to light mode.

Possible Cause

• Theme toggle component may be rendered twice.
• Theme state may not be correctly applied to the root element.
• Some components may be using dark-only styles instead of theme-aware classes.

Screenshot

I would like to work on this issue under GSSoC'26. Please assign it to me.

[github-actions]

Thank you for opening your first issue in DevPath.

Please make sure to:

• Read CONTRIBUTING.md
• Wait for assignment before starting work
• Follow repository guidelines carefully

Happy contributing.

[mythri2405]

Hi, I would like to work on this issue under GSSoC'26. Please assign it to me.

[Krishna009-pro]

/assign