reapply layout effect fix for timeline cleanup

src/app/_providers/GsapProvicer.tsx

@@ -3,7 +3,7 @@ import { useGSAP } from '@gsap/react'
 import gsap from 'gsap'
 import { SplitText } from 'gsap/SplitText'
 import { ScrollTrigger, GSDevTools } from 'gsap/all'
-import { createContext, useCallback, useContext, useEffect, useRef, type ReactNode } from 'react'
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useRef, type ReactNode } from 'react'
 
 gsap.registerPlugin(useGSAP)
 gsap.registerPlugin(ScrollTrigger)
@@ -38,7 +38,7 @@ export const useTimeLine = (dep:any,all?:boolean) => {
         }
       }
     },[dep])
-  useEffect(() => {
+  useLayoutEffect(() => {
     return () => {
       gsapContext?.resetTimeline()
     }
@@ -72,10 +72,7 @@ export default function GsapProvider({ children }: { children: ReactNode }) {
   }, [])
   useGSAP(() => {
     if (!tl.current) {
-      tl.current = gsap.timeline({ paused: true, id:'mainTimeline', onComplete: ()=>{
-        console.log('timeline revert')
-        gsap.getById('mainTimeline')?.revert()
-      } })
+      tl.current = gsap.timeline({ paused: true })
     }
     return () => { console.log("gsap cleanup") }
   })