feat: updated app to tailwind 4.x

src/core/hooks/useTheme.ts

@@ -0,0 +1,37 @@
+import { useEffect, useState } from "react";
+
+type Theme = "light" | "dark";
+
+export function useTheme() {
+  const [theme, setTheme] = useState<Theme>(() => {
+    if (typeof window === "undefined") return "light";
+    return (
+      (document.documentElement.getAttribute("data-theme") as Theme) || "light"
+    );
+  });
+
+  useEffect(() => {
+    const observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        if (
+          mutation.type === "attributes" &&
+          mutation.attributeName === "data-theme"
+        ) {
+          const newTheme = document.documentElement.getAttribute(
+            "data-theme",
+          ) as Theme;
+          setTheme(newTheme);
+        }
+      }
+    });
+
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme"],
+    });
+
+    return () => observer.disconnect();
+  }, []);
+
+  return theme;
+}