Chore: full react hooks eslint compliance (#7040)

src/utils/contexts/color.jsx

@@ -30,10 +30,6 @@ export function ColorProvider({ initialTheme, children }) {
     lastColor = rawColor;
   };
 
-  useEffect(() => {
-    if (initialTheme !== undefined) setColor(initialTheme ?? getInitialColor());
-  }, [initialTheme]);
-
   useEffect(() => {
     rawSetColor(color);
   }, [color]);

src/utils/contexts/settings.jsx

@@ -1,14 +1,10 @@
-import { createContext, useEffect, useMemo, useState } from "react";
+import { createContext, useMemo, useState } from "react";
 
 export const SettingsContext = createContext();
 
 export function SettingsProvider({ initialSettings, children }) {
   const [settings, setSettings] = useState(() => initialSettings ?? {});
 
-  useEffect(() => {
-    if (initialSettings !== undefined) setSettings(initialSettings ?? {});
-  }, [initialSettings]);
-
   const value = useMemo(() => ({ settings, setSettings }), [settings]);
 
   return <SettingsContext.Provider value={value}>{children}</SettingsContext.Provider>;

src/utils/contexts/tab.jsx

@@ -1,14 +1,10 @@
-import { createContext, useEffect, useMemo, useState } from "react";
+import { createContext, useMemo, useState } from "react";
 
 export const TabContext = createContext();
 
 export function TabProvider({ initialTab, children }) {
   const [activeTab, setActiveTab] = useState(() => initialTab ?? false);
 
-  useEffect(() => {
-    if (initialTab !== undefined) setActiveTab(initialTab ?? false);
-  }, [initialTab]);
-
   const value = useMemo(() => ({ activeTab, setActiveTab }), [activeTab]);
 
   return <TabContext.Provider value={value}>{children}</TabContext.Provider>;

src/utils/contexts/theme.jsx

@@ -31,10 +31,6 @@ export function ThemeProvider({ initialTheme, children }) {
     localStorage.setItem("theme-mode", rawTheme);
   };
 
-  useEffect(() => {
-    if (initialTheme !== undefined) setTheme(initialTheme ?? getInitialTheme());
-  }, [initialTheme]);
-
   useEffect(() => {
     rawSetTheme(theme);
   }, [theme]);