add refresh data button to tables

public/locales/fa/app.json

@@ -6,6 +6,7 @@
   "first_page": "خوش آمدید",
   "login": "ورود",
   "login_expert": "ورود کارشناس",
+  "update_table": "بروزرسانی",
   "expert": "کارشناس",
   "last_updated_at": "آخرین بروزرسانی",
   "filter_mode": "حالت فیلتر",

src/core/components/DataTable.jsx

@@ -3,9 +3,10 @@ import useLanguage from "@/lib/app/hooks/useLanguage";
 import {useEffect, useMemo, useState} from "react";
 import moment from "moment-jalaali";
 import useSWR from "swr";
-import {Typography} from "@mui/material";
+import {IconButton, Tooltip, Typography} from "@mui/material";
 import MaterialReactTable from "material-react-table";
 import useRequest from "@/lib/app/hooks/useRequest";
+import RefreshIcon from '@mui/icons-material/Refresh';
 
 function DataTable(props) {
     const requestServer = useRequest({auth: true})
@@ -116,6 +117,11 @@ function DataTable(props) {
                 <props.CustomToolbar
                     table={table}
                     mutate={mutate}/> /* send component */ : <span></span>}
+            <Tooltip arrow title={t("update_table")} sx={{ml: "auto"}}>
+                <IconButton onClick={() => mutate()}>
+                    <RefreshIcon/>
+                </IconButton>
+            </Tooltip>
         </>)}
         renderBottomToolbarCustomActions={({table}) => (<>
             {props.enableLastUpdate /* send condition */ ? (<Typography