fix(components): fix colSpan, hook usage, special theme reset, unused imports, CSS color

src/components/style-selector/style-selector.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import useTheme from '../../hooks/use-theme';
 import useSpecialThemeStore from '../../stores/use-special-theme-store';
 import { isChristmas } from '../../lib/utils/time-utils';
@@ -8,6 +9,13 @@ const StyleSelector = () => {
   const { isEnabled, setIsEnabled } = useSpecialThemeStore();
   const isChristmasTime = isChristmas();
 
+  useEffect(() => {
+    if (!isChristmasTime && isEnabled) {
+      setIsEnabled(false);
+      setTheme('tomorrow');
+    }
+  }, [isChristmasTime, isEnabled, setIsEnabled, setTheme]);
+
   const handleThemeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
     const newTheme = e.target.value;