fixed ToastContainer

src/layouts/AppLayout.jsx

@@ -5,11 +5,15 @@ import useUser from "@/lib/app/hooks/useUser";
 import Head from "next/head";
 import NextNProgress from "nextjs-progressbar";
 import {useEffect} from "react";
+import {ToastContainer} from "react-toastify";
+import useDirection from "@/lib/app/hooks/useDirection";
 
 function AppLayout({children, isBot}) {
     const {languageIsReady} = useLanguage();
     const {setLoadingPage} = useLoading();
     const {userChangedLanguage, token, isAuth} = useUser();
+    const {directionApp} = useDirection();
+    
     useEffect(() => {
         if (languageIsReady) {
             if (token) {
@@ -91,6 +95,7 @@ function AppLayout({children, isBot}) {
                 color={theme.palette.secondary.dark}
                 options={{showSpinner: false}}
             />
+            {directionApp === "rtl" ? <ToastContainer rtl/> : <ToastContainer ltr/>}
             {children}
         </>
     );