Move Toggle Theme to Navbar with Icon

[supriya46788]

The theme toggle is working fine, but it’s currently located at the bottom of the page and uses text ("Toggle Theme"), which affects the UI experience.

Improvements needed:

-Move the theme toggle button to the top-right corner (navbar).
-Replace text with just a sun 🌞 / moon 🌙 icon to switch between light and dark modes.
-No need for the text label — icon-only toggle is cleaner and more user-friendly.

This will significantly improve the design and accessibility of the site.
I would like to work on this issue

[Prakashray-dev]

@adityai0 assign this to me

[Sangavi853]

Hey @adityai0 this is sangavi , a contributor for GSSoC ‘25.
I would love to work on this task . Would you assign it to me

[pranavpatil005]

@adityai0 @supriya46788 I would like to work on this issue

[shobanCodebase]

Hi, I'm a GSSoC'25 contributor. I'd love to work on this issue.

I'll move the theme toggle to the top-right corner (navbar) and replace the "Toggle Theme" text with a sun 🌞 / moon 🌙 icon for a cleaner and more user-friendly design.

Please assign this to me. Thank you!

[nikitatri]

I have located the toggle theme to navbar and added some transition to hero title kindly assign this to me @adityai0