💩 create hero UI wrapper

still need fix or downgrade tailwind to v3

providers/HeroUIWrapper.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { HeroUIProvider } from "@heroui/react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { useRouter } from "next/navigation";
+
+const HeroUIWrapper = ({
+  children,
+}: Readonly<{ children: React.ReactNode }>) => {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  const router = useRouter();
+
+  return (
+    <HeroUIProvider navigate={router.push}>
+      {mounted ? (
+        <NextThemesProvider attribute={"class"} defaultTheme="dark">
+          <main>{children}</main>
+        </NextThemesProvider>
+      ) : (
+        <main className="dark text-foreground bg-background"></main>
+      )}
+    </HeroUIProvider>
+  );
+};
+
+export default HeroUIWrapper;