complete toast and notification for keeping data in local storage for filtering and move on next step

src/app/(withAuth)/dashboard/layout.js

@@ -1,6 +1,10 @@
+import 'react-toastify/dist/ReactToastify.css';
+
 const Layout = ({children}) => {
     return (
-        <>{children}</>
+        <>
+            {children}
+        </>
     )
 }
 

src/app/(withAuth)/dashboard/template.js

@@ -1,6 +1,8 @@
 import {Box, Stack} from "@mui/material";
 import HeaderWithLogo from "@/components/layouts/dashboard/headerWithLogo";
 import HeaderWithSidebar from "@/components/layouts/dashboard/headerWithSidebar";
+import 'react-toastify/dist/ReactToastify.css';
+import {ToastContainer} from "react-toastify";
 
 const Template = ({children}) => {
     return (<Stack>
@@ -8,6 +10,7 @@ const Template = ({children}) => {
         <Box>
             <HeaderWithSidebar>
                 {children}
+                <ToastContainer/>
             </HeaderWithSidebar>
         </Box>
     </Stack>)

src/app/template.js

@@ -2,7 +2,9 @@ import cacheProviderRtl from "@/core/utils/cacheRtl";
 import {CssBaseline, ThemeProvider} from "@mui/material";
 import theme from "@/core/utils/theme";
 import {AppRouterCacheProvider} from "@mui/material-nextjs/v14-appRouter";
-import "^/global.scss"
+import 'react-toastify/dist/ReactToastify.css';
+import "^/global.scss";
+import {ToastContainer} from "react-toastify";
 
 const Template = ({children}) => {
     return (
@@ -10,6 +12,7 @@ const Template = ({children}) => {
             <ThemeProvider theme={theme}>
                 <CssBaseline/>
                 {children}
+                <ToastContainer rtl containerId="filtering" closeButton={false}/>
             </ThemeProvider>
         </AppRouterCacheProvider>
     )