refactor: remove unused package theme-change

Author: AliAkrem

package-lock.json

@@ -18,8 +18,7 @@
     "@sentry/react": "^8.27.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-helmet-async": "^2.0.5",
-    "theme-change": "^2.5.0"
+    "react-helmet-async": "^2.0.5"
   },
   "devDependencies": {
     "@loadable/component": "^5.16.4",

web/package.json

@@ -12,7 +12,7 @@ import { useAppSelector } from "src/redux/store";
 import { stripLanguageCodeFromHRef } from "src/utils/website-language";
 import { useSearchModal } from "src/utils/search-modal";
 import { Language, LANGUAGES } from "@dzcode.io/models/dist/language";
-import { themeChange } from "theme-change";
+
 export interface TopBarProps {
   version: string;
   links: Array<{ localeKey: DictionaryKeys<"navbar-section">; href: string }>;
@@ -48,7 +48,6 @@ export function TopBar({ version, links }: TopBarProps): JSX.Element {
   });
 
   useLayoutEffect(() => {
-    themeChange(true);
     const theme = localStorage.getItem("theme");
     if (theme) {
       document.documentElement.setAttribute("data-theme", theme);