fix inline code with ProfilePicture

src/pages/Profile/ProfilePage.tsx

@@ -1,5 +1,5 @@
 import getXSRFToken from "../../utils/getXSRF.js";
-import fetchWrapper from "../../utils/fetchWrapper";
+// import fetchWrapper from "../../utils/fetchWrapper";
 import {useContext, useEffect, useState} from "react";
 import styles from "./ProfilePage.module.css";
 import {AuthContext} from "../../contexts/auth/AuthContext";
@@ -12,6 +12,9 @@ import {useRef} from "react";
 import getUserById from "../../utils/users/getUserById.js";
 import ManageMember from "./components/manageMember/ManageMember.jsx";
 
+import uploadProfilePhoto from "../../utils/users/uploadProfilePhoto";
+import deleteProfilePhoto from "../../utils/users/deleteProfilePhoto.js";
+
 
 interface TaskType {
   id: number;
@@ -61,7 +64,6 @@ function ProfilePage() {
 
   const isOwnProfile = !id || user?.id.toString() === id;
 
-  // Charger le profil de l'utilisateur (soi-même ou un autre)
   useEffect(() => {
     (async () => {
       if (!isOwnProfile && id) {
@@ -85,38 +87,26 @@ function ProfilePage() {
     })();
   }, [user, id]);
 
-  // Fonctions pour la photo de profil (uniquement si c'est le profil de l'utilisateur connecté)
   const handleEditPictureClick = () => {
     if (fileInputRef.current) {
       fileInputRef.current.click();
     }
   };
 
+  // Remplacé : handleFileChange extrait vers utils/users/uploadProfilePhoto
   const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
     const file = e.target.files?.[0];
     if (!file) return;
 
-    const formData = new FormData();
-    formData.append("photo", file);
-
     try {
-      const csrfToken = await getXSRFToken();
-      const response = await fetch(`${import.meta.env.VITE_API_URL}/api/profile-photo`, {
-        method: "POST",
-        headers: { "X-XSRF-TOKEN": decodeURIComponent(csrfToken) },
-        credentials: "include",
-        body: formData,
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        setProfilePicture(`${import.meta.env.VITE_API_URL}/storage/${data.profile_photo_path}`);
+      const res = await uploadProfilePhoto(file);
+      if (res.ok) {
+        setProfilePicture(`${import.meta.env.VITE_API_URL}/storage/${res.data.profile_photo_path}`);
         setSuccess("Photo mise à jour !");
         setError(null);
         await update();
       } else {
-        const errorData = await response.json();
-        setError(errorData.message || "Erreur lors de l'upload.");
+        setError(res.data?.message || res.error || "Erreur lors de l'upload.");
         setSuccess(null);
       }
     } catch (err) {
@@ -125,17 +115,17 @@ function ProfilePage() {
     }
   };
 
+  // Remplacé : handleDeletePicture extrait vers utils/users/deleteProfilePhoto
   const handleDeletePicture = async () => {
     try {
-      const response = await fetchWrapper("/api/profile-photo", null, "DELETE");
-      if (response.status >= 200 && response.status < 300) {
+      const res = await deleteProfilePhoto();
+      if (res.status >= 200 && res.status < 300) {
         setProfilePicture(null);
         setSuccess("Photo supprimée !");
         setError(null);
         await update();
       } else {
-        const errorData = response.data;
-        setError(errorData.message || "Erreur lors de la suppression.");
+        setError(res.data?.message || "Erreur lors de la suppression.");
         setSuccess(null);
       }
     } catch (err) {