useEffect only works in Client Components. Add the "use client" while using next themes

[Chetan-KK]

useEffect only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component

this error occurs when we use nextjs progressbar with next themes