dark bg bug fix

src/app/providers.tsx

@@ -1,8 +1,13 @@
 'use client';
 
 import { ThemeProvider } from 'next-themes';
+import { useEffect } from 'react';
 
 export function Providers({ children }: { children: React.ReactNode }) {
+  useEffect(() => {
+    document.documentElement.classList.add('hydrated');
+  }, []);
+
   return (
     <ThemeProvider
       attribute="class"