custom notification and duplicate index of datatable to main and start making context for table filtering

src/core/components/NotificationDesign/AskForKeep.jsx

@@ -1,6 +1,6 @@
 'use client'
 
-import BeenhereIcon from '@mui/icons-material/Beenhere';
+import SaveIcon from '@mui/icons-material/Save';
 import {Box, Button, Typography} from "@mui/material";
 import DownloadIcon from '@mui/icons-material/Download';
 import {toast} from "react-toastify";
@@ -14,10 +14,10 @@ function AskForKeep({onSaveFilter}) {
     return (
         <Box sx={{width: "100%"}}>
             <Box sx={{display: "flex", alignItems: "center", justifyContent: "space-between", mb: 1}}>
-                <Typography color="#16534a" variant="subtitle1" sx={{fontWeight: "500"}}>
+                <Typography color="#155175" variant="subtitle1" sx={{fontWeight: "500"}}>
                     ذخیره سازی اطلاعات
                 </Typography>
-                <BeenhereIcon sx={{color: "#16534a"}}/>
+                <SaveIcon sx={{color: "#155175"}}/>
             </Box>
             <Box sx={{display: "flex", flexDirection: "column"}}>
                 <Typography variant="caption">
@@ -34,8 +34,8 @@ function AskForKeep({onSaveFilter}) {
                 <Button variant="contained" component="label" endIcon={<DownloadIcon/>}
                         onClick={onSaveFilter}
                         sx={{
-                            backgroundColor: "#16534a",
-                            ':hover': {backgroundColor: "#16534a"},
+                            backgroundColor: "#155175",
+                            ':hover': {backgroundColor: "#155175"},
                             boxShadow: "rgba(0, 0, 0, 0.23) 0px 6px 6px, rgba(0, 0, 0, 0.19) 10px 0px 20px",
                         }}>ذخیره
                     فیلتر</Button>