complete hide action part with button for hide or show all table header

src/core/components/NotificationDesign/AskForKeepData.jsx

@@ -5,9 +5,11 @@ import { Box, Button, Typography } from "@mui/material";
 import DownloadIcon from "@mui/icons-material/Download";
 import { toast } from "react-toastify";
 import useTableSetting from "@/lib/hooks/useTableSetting";
+import { flattenObjectOfObjects } from "@/core/utils/flattenObjectOfObjects";
 
 function AskForKeepData({ filterData, sortData, hideData, user_id, page_name, table_name, columns }) {
     const { filterAction, sortAction, hideAction } = useTableSetting();
+    const flattenHideData = flattenObjectOfObjects(hideData);
 
     const onSaveFilter = () => {
         const filteredItems = Object.keys(filterData)
@@ -26,7 +28,7 @@ function AskForKeepData({ filterData, sortData, hideData, user_id, page_name, ta
             .filter(Boolean);
         filterAction(user_id, page_name, table_name, filteredItems, columns);
         sortAction(user_id, page_name, table_name, sortData, columns);
-        hideAction(user_id, page_name, table_name, hideData, columns);
+        hideAction(user_id, page_name, table_name, flattenHideData, columns);
         toast.dismiss({ containerId: "datatable" });
     };
 
@@ -75,4 +77,4 @@ function AskForKeepData({ filterData, sortData, hideData, user_id, page_name, ta
     );
 }
 
-export default AskForKeepData;
+export default AskForKeepData;