adding organization feature.

src/state-management/HydratationZustand.tsx

@@ -0,0 +1,16 @@
+"use client"
+
+import {useEffect, useState} from "react"
+
+const HydrationZustand = ({children}) => {
+    const [isHydrated, setIsHydrated] = useState(false)
+
+    // Wait till Next.js rehydration completes
+    useEffect(() => {
+        setIsHydrated(true)
+    }, [])
+
+    return <>{isHydrated ? <div>{children}</div> : null}</>
+}
+
+export default HydrationZustand