create manageMember btn

src/components/manageMember/ManageMember.jsx

@@ -0,0 +1,21 @@
+import Button from "../ui/button/button.jsx";
+import Modal from "../ui/modal/modal.jsx";
+import { useState } from "react";
+import styles from "./manageMember.module.css"
+
+
+export default function ManageMember({ user }) {
+
+    const [open, setOpen] = useState(false);
+
+    return <>
+        <Button onClick={() => setOpen(true)} variant={"default"} className={styles.manageBtn}>
+            <img src="/icons/tools.svg" alt="tools icon" className={styles.icon} />
+            <p>Gérer</p>
+        </Button>
+
+        <Modal open={open} onClose={() => setOpen(false)} title={`Gestion de l'utilisateur ${user.name}`}>
+
+        </Modal>
+    </>
+}

src/components/manageMember/manageMember.module.css

@@ -0,0 +1,8 @@
+.icon {
+    width: 24px;
+}
+
+.manageBtn {
+    display: flex;
+    flex-direction: row;
+}