fix(layout provider) fix theme

app/toastify-provider.tsx

@@ -4,12 +4,14 @@ import 'react-toastify/dist/ReactToastify.css';
 // import '../../app/globals.css';
 import { ToastContainer } from 'react-toastify';
 import React from 'react';
+import { useTheme } from 'next-themes';
 
 interface ToastProviderProps {
     children: React.ReactNode;
 }
 
 export default function ToastProvider({ children }: ToastProviderProps) {
+    const { theme } = useTheme();
 
     return (
         <>
@@ -24,7 +26,7 @@ export default function ToastProvider({ children }: ToastProviderProps) {
                 pauseOnFocusLoss
                 draggable
                 pauseOnHover
-                theme="dark"
+                theme={ theme }
             />
         </>
     );