Add Theme Toggle (dark / light mode)

Add a dark/light theme toggle button to the website header.
Allow users to switch themes seamlessly with smooth transition effects.
The selected theme should be saved using localStorage and persist after page reloads.
By default, the site should detect and apply the user’s system theme preference (prefers-color-scheme).
This feature will improve user personalization and overall visual experience across different devices. using AI