closes notification menu when see all notifications is clicked

src/components/Partials/Header.jsx

@@ -1,5 +1,5 @@
 import React, { useContext, useEffect, useMemo, useState } from "react";
-import { Link, useLocation } from "react-router-dom";
+import { Link, useLocation, useNavigate } from "react-router-dom";
 import bank1 from "../../assets/images/bank-1.png";
 import bank2 from "../../assets/images/bank-2.png";
 import bank3 from "../../assets/images/bank-3.png";
@@ -29,6 +29,7 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
   const [myWalletList, setMyWalletList] = useState([]);
   const api = useMemo(() => new usersService(), []);
   const dispatch = useDispatch();
+  const navigate = useNavigate()
 
   const { notifications } = useSelector((state) => state?.notifications); // NOTIFICATION STORE
 
@@ -314,12 +315,16 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
                   </ul>
 
                   <div className="add-money-btn flex justify-center items-center">
-                    <Link
+                    {/* <Link
                       to="/notification"
                       className="text-purple text-sm font-medium"
                     >
                       See all Notification
-                    </Link>
+                    </Link> */}
+                    <button className="text-purple text-sm font-medium" onClick={()=>{
+                      handlerNotification()
+                      navigate('/notification', {replace: true})
+                    }}>See all Notification</button>
                   </div>
                 </div>
               </div>