convert a to Link in modal_setting_notify

backend/resources/js/component/modal_setting_notify.jsx

@@ -6,7 +6,8 @@ import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 import DialogTitle from '@mui/material/DialogTitle';
 import Slide from '@mui/material/Slide';
-import { Approval } from '@mui/icons-material';
+import { useHistory, Link } from 'react-router-dom';
+
 
 const Transition = React.forwardRef(function Transition(props, ref) {
     return <Slide direction="up" ref={ref} {...props} />;
@@ -85,12 +86,12 @@ export default function ModalSettingNotify({show, handleClose, meetingId}){
                 approval?.map((item, kj) => 
                   <div className="modal-content-item" key={kj}>
                     <div className="user-wrap">
-                      <a href={`/p-account/child/detail/${item.child_id.id}`} >
+                      <Link to={`/p-account/child/detail/${item.child_id.id}`} >
                         <div className="user-avatar">
                           <img alt="name" className="avatar-img" src={item.child_id.image} />
                         </div>
                         <p className="user-name">{item.child_id.first_name}　{item.child_id.last_name}</p>
-                      </a>
+                      </Link>
                     </div>
                   </div>
                 )