create manageMember btn

src/pages/VolunteerProfile/VolunteerProfilePage.jsx

@@ -1,10 +1,12 @@
 import styles from "./VolunteerProfilePage.module.css"
 import { useParams } from "react-router";
-import { useEffect, useState } from "react";
+import { useEffect, useState, useContext } from "react";
 import getUserById from "../../utils/users/getUserById.js";
 import formatDate from "../../utils/date/formatDate.js";
 import Task from "../../components/Task/Task.jsx";
 import { useNavigate } from "react-router";
+import ManageMember from "../../components/manageMember/ManageMember.jsx";
+import { AuthContext } from "../../contexts/auth/AuthContext.js";
 
 export default function VolunteerProfilePage() {
 
@@ -13,6 +15,8 @@ export default function VolunteerProfilePage() {
 
     const navigate = useNavigate();
 
+    const { user: currentUser } = useContext(AuthContext);
+
     const [user, setUser] = useState({});
 
     useEffect(() => {
@@ -41,6 +45,7 @@ export default function VolunteerProfilePage() {
                 <div className={styles.description}>
                     <div className={styles.headerProfile}>
                         <h2> {user.name} {user.lastname} </h2>
+                        {currentUser?.isAdmin && <ManageMember user={user} />}
                     </div>
                     <div className={styles.topDescription}>
                         <div className={styles.infoBlock}>