UI/UX enhancements: refined footer layout, dashboard sidebar fixes, header tweaks, and theme alignment

src/components/ThemeToggle.tsx

@@ -7,8 +7,9 @@ export function ThemeToggle() {
   const [isDark, setIsDark] = useState(false)
 
   useEffect(() => {
+    // Default is light; only go dark if explicitly saved as 'dark'
     const savedTheme = localStorage.getItem('theme');
-    if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+    if (savedTheme === 'dark') {
       document.documentElement.classList.add('dark');
       setIsDark(true);
     } else {