Redesign volunteerCard

src/pages/Volunteers/components/VolunteersCard/VolunteerCard.tsx

@@ -9,10 +9,21 @@ interface VolunteersCardProps {
 }
 
 export default function VolunteerCard({ user }: VolunteersCardProps) {
+
     const navigate = useNavigate();
 
+    const handleNavigate = (): void => { navigate(`/profile/${user.id}`) }
+
     return (
-        <div>
+        <div className={`glassCard ${styles.volunteerCard}`}>
+            <div className={styles.header}>
+                <img src={"/react.svg"} alt="profile" className={styles.profilePicture} />
+                <p> {user.name} {user.lastname} </p>
+            </div>
+            <div className={styles.content}>
+                <p> {user.email} </p>
+                <Button variant={"primary"} onClick={handleNavigate}>Voir</Button>
+            </div>
         </div>
     );
 }