fix: update dependencies in toggleTheme

Author: AliAkrem

web/src/components/top-bar.tsx

@@ -59,7 +59,7 @@ export function TopBar({ version, links }: TopBarProps): JSX.Element {
     setIsDark(!isDark);
     localStorage.setItem("theme", newTheme);
     document.documentElement.setAttribute("data-theme", newTheme);
-  }, [isDark]);
+  }, [isDark, setIsDark]);
 
   return (
     <div className="bg-neutral">
@@ -133,7 +133,9 @@ export function TopBar({ version, links }: TopBarProps): JSX.Element {
               <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
             </svg>
             <input
-              onClick={toggleTheme}
+              onClick={() => {
+                toggleTheme();
+              }}
               id="theme-toggle"
               type="checkbox"
               value="dzcodeLight"