Added toast and add logout

frontend/src/components/Header/ProfileImage.jsx

@@ -1,13 +1,27 @@
 import React from 'react'
 import { Link } from 'react-router-dom'
 import useUserStore from '../../store/useStore';
+import { useMutation } from 'react-query';
+import logoutService from '../../services/logoutService';
+import { toast } from 'react-toastify';
 
 function ProfileImage({userData}) {
 
     const {setUser} = useUserStore();
 
+    const mutation = useMutation(logoutService, {
+        onSuccess: (data) => {
+            setUser({});
+            toast.success(data?.message);
+        },
+        onError: (error) => {
+            toast.error("Something went wrong");
+            console.log(error);
+        },
+    });
+
     const handleLogout = () => {
-        setUser({});
+       mutation.mutate();
     }