Photo de profile OK, modif nom, prénom, tel OK

em2rp/lib/views/widgets/image/profile_picture.dart

@@ -0,0 +1,102 @@
+import 'package:flutter/material.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+
+class ProfilePictureWidget extends StatelessWidget {
+  final String userId;
+  final double radius;
+  final String? defaultImageUrl; // URL de l'image par défaut (optionnel)
+
+  const ProfilePictureWidget({
+    super.key,
+    required this.userId,
+    this.radius = 25,
+    this.defaultImageUrl,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return FutureBuilder<DocumentSnapshot>(
+      future: FirebaseFirestore.instance.collection('users').doc(userId).get(),
+      builder: (context, snapshot) {
+        if (snapshot.connectionState == ConnectionState.waiting) {
+          return _buildLoadingAvatar(
+              radius); // Afficher un avatar de chargement
+        } else if (snapshot.hasError) {
+          print("Erreur FutureBuilder ProfilePictureWidget: ${snapshot.error}");
+          return _buildDefaultAvatar(radius,
+              defaultImageUrl); // Afficher avatar par défaut en cas d'erreur Firestore
+        } else if (snapshot.data != null && snapshot.data!.exists) {
+          final userData = snapshot.data!;
+          final profilePhotoUrl = userData['profilePhotoUrl'] as String?;
+
+          if (profilePhotoUrl != null && profilePhotoUrl.isNotEmpty) {
+            return CircleAvatar(
+              radius: radius,
+              // Utilisation de Image.network directement dans backgroundImage
+              backgroundImage: Image.network(
+                profilePhotoUrl,
+                errorBuilder: (context, error, stackTrace) {
+                  print(
+                      "Erreur de chargement Image.network pour l'URL: $profilePhotoUrl, Erreur: $error");
+                  // En cas d'erreur de chargement de l'image réseau, afficher l'avatar par défaut
+                  return _buildDefaultAvatar(radius, defaultImageUrl);
+                },
+              ).image, // .image pour obtenir un ImageProvider pour backgroundImage
+            );
+          } else {
+            return _buildDefaultAvatar(radius,
+                defaultImageUrl); // Pas d'URL dans Firestore, afficher avatar par défaut
+          }
+        } else {
+          return _buildDefaultAvatar(radius,
+              defaultImageUrl); // Document utilisateur non trouvé ou n'existe pas
+        }
+      },
+    );
+  }
+
+  // Widget utilitaire pour construire un CircleAvatar de chargement
+  Widget _buildLoadingAvatar(double radius) {
+    return CircleAvatar(
+      radius: radius,
+      backgroundColor:
+          Colors.grey[300], // Couleur de fond pendant le chargement
+      child: SizedBox(
+        width: radius * 0.8, // Ajuster la taille du loader
+        height: radius * 0.8,
+        child: CircularProgressIndicator(
+            strokeWidth: 2), // Indicateur de chargement
+      ),
+    );
+  }
+
+  // Widget utilitaire pour construire un CircleAvatar par défaut (avec icône ou image par défaut)
+  Widget _buildDefaultAvatar(double radius, String? defaultImageUrl) {
+    if (defaultImageUrl != null && defaultImageUrl.isNotEmpty) {
+      return CircleAvatar(
+        radius: radius,
+        // Utilisation de Image.network pour l'image par défaut, avec gestion d'erreur similaire
+        backgroundImage: Image.network(
+          defaultImageUrl,
+          errorBuilder: (context, error, stackTrace) {
+            print(
+                "Erreur de chargement Image.network pour l'URL par défaut: $defaultImageUrl, Erreur: $error");
+            return _buildIconAvatar(
+                radius); // Si l'image par défaut ne charge pas, afficher l'icône
+          },
+        ).image, // .image pour ImageProvider
+      );
+    } else {
+      return _buildIconAvatar(
+          radius); // Si pas d'URL par défaut fournie, afficher l'icône
+    }
+  }
+
+  // Widget utilitaire pour construire un CircleAvatar avec une icône par défaut
+  Widget _buildIconAvatar(double radius) {
+    return CircleAvatar(
+      radius: radius,
+      child: Icon(Icons.account_circle, size: radius * 1.5), // Icône par défaut
+    );
+  }
+}

em2rp/lib/views/widgets/nav/main_drawer.dart

@@ -4,6 +4,7 @@ import 'package:em2rp/views/calendar_page.dart';
 import 'package:em2rp/views/my_account_page.dart';
 import 'package:em2rp/views/user_management_page.dart';
 import 'package:flutter/material.dart';
+import 'package:em2rp/views/widgets/image/profile_picture.dart';
 
 class MainDrawer extends StatelessWidget {
   final String currentPage;
@@ -38,12 +39,9 @@ class MainDrawer extends StatelessWidget {
                 crossAxisAlignment: CrossAxisAlignment.start,
                 mainAxisAlignment: MainAxisAlignment.end,
                 children: [
-                  CircleAvatar(
-                    radius: 25,
-                    backgroundImage: NetworkImage(
-                      userProvider.profilePhotoUrl ??
-                          'https://firebasestorage.googleapis.com/v0/b/em2rp-951dc/o/EM2_NsurB.jpg?alt=media&token=530479c3-5f8c-413b-86a2-53ec4a4ed734', //TODO: Remplacer par logo EM2
-                    ),
+                  ProfilePictureWidget(
+                    userId: userProvider.uid!,
+                    radius: 30,
                   ),
                   const SizedBox(height: 8),
                   Text(