feat(inscription AM #120): UI étape pro, photo unifiée, scripts et données test

- Panneau AM : validation NIR alignée API, date d’agrément requise côté app,
  capacité 1–10, n° agrément + date sur une ligne, ville/pays formatés au blur.
- Widget RegistrationPhotoSlot (cadre, croix) partagé avec les cartes enfant.
- AuthService : MIME PNG/JPEG pour la photo ; payload date_agrement.
- Scripts register-am-dubois / mansouri ; chemins tests/ressources/photos ;
  doc test-data + seed ; smoke curl inscription AM.

Made-with: Cursor

frontend/lib/widgets/child_card_widget.dart

@@ -7,7 +7,7 @@ import '../models/user_registration_data.dart';
 import '../models/card_assets.dart';
 import 'custom_app_text_field.dart';
 import 'form_field_wrapper.dart';
-import 'hover_relief_widget.dart';
+import 'registration_photo_slot.dart';
 import '../config/display_config.dart';
 import 'package:p_tits_pas/utils/name_format_utils.dart';
 
@@ -16,13 +16,12 @@ const String _photoConsentTooltip =
     'Suivi du dossier et organisation de l’accueil (affichage interne, outils pédagogiques).\n'
     'Dans le respect de la politique de confidentialité.';
 
-/// Cadre photo (centre transparent), même dossier que `photo.png`.
-const String _photoSketchFrameAsset = 'assets/images/photo_frame.png';
-
 bool _hasChildPhoto(ChildData c) {
-  final b = c.imageBytes;
-  if (b != null && b.isNotEmpty) return true;
-  return c.imageFile != null;
+  return registrationPhotoSlotHasImage(
+    imageBytes: c.imageBytes,
+    imageFile: c.imageFile,
+    imagePathOrAsset: null,
+  );
 }
 
 Widget _buildChildPhotoImage(ChildData c, {required BoxFit fit}) {
@@ -194,11 +193,6 @@ class _ChildCardWidgetState extends State<ChildCardWidget> {
     final Color baseCardColorForShadow = widget.childData.cardColor == CardColorVertical.lavender 
         ? Colors.purple.shade200 
         : (widget.childData.cardColor == CardColorVertical.pink ? Colors.pink.shade200 : Colors.grey.shade200);
-    final Color initialPhotoShadow =
-        Color.alphaBlend(Colors.black.withOpacity(0.22), baseCardColorForShadow);
-    final Color hoverPhotoShadow =
-        Color.alphaBlend(Colors.black.withOpacity(0.32), baseCardColorForShadow);
-
     final double photoSide = 200.0 * (config.isMobile ? 0.8 : 1.0);
     final double editableCardWidth = config.isMobile
         ? double.infinity
@@ -222,14 +216,15 @@ class _ChildCardWidgetState extends State<ChildCardWidget> {
           Column(
             mainAxisSize: MainAxisSize.min,
             children: [
-              _buildEditablePhotoArea(
-                context: context,
-                config: config,
+              RegistrationPhotoSlot(
+                side: photoSide,
                 scaleFactor: scaleFactor,
-                photoSide: photoSide,
-                childData: widget.childData,
-                initialPhotoShadow: initialPhotoShadow,
-                hoverPhotoShadow: hoverPhotoShadow,
+                imageBytes: widget.childData.imageBytes,
+                imageFile: widget.childData.imageFile,
+                onTapPick: !config.isReadonly ? widget.onPickImage : null,
+                onClear: !config.isReadonly ? widget.onClearImage : null,
+                baseShadowColor: baseCardColorForShadow,
+                isMobile: config.isMobile,
               ),
               SizedBox(height: 8.0 * scaleFactor),
               _buildPhotoConsentRow(
@@ -321,96 +316,6 @@ class _ChildCardWidgetState extends State<ChildCardWidget> {
     );
   }
 
-  Widget _buildEditablePhotoArea({
-    required BuildContext context,
-    required DisplayConfig config,
-    required double scaleFactor,
-    required double photoSide,
-    required ChildData childData,
-    required Color initialPhotoShadow,
-    required Color hoverPhotoShadow,
-  }) {
-    final canInteract = !config.isReadonly;
-    final hasPhoto = _hasChildPhoto(childData);
-    final outerRadius = BorderRadius.circular(10 * scaleFactor);
-    // Arrondi photo (sous le cadre) : proportionnel au carré, plus fort qu’avant (~10×scaleFactor).
-    final photoClipRadius = BorderRadius.circular(photoSide * 0.14);
-
-    return Stack(
-      clipBehavior: Clip.none,
-      alignment: Alignment.center,
-      children: [
-        HoverReliefWidget(
-          onPressed: canInteract ? widget.onPickImage : null,
-          borderRadius: outerRadius,
-          initialElevation: 10,
-          hoverElevation: 16,
-          initialShadowColor: initialPhotoShadow,
-          hoverShadowColor: hoverPhotoShadow,
-          // Pas de clip Material sur la pile : l’arrondi de la photo est géré par ClipRRect (plus marqué).
-          clipBehavior: hasPhoto ? Clip.none : Clip.antiAlias,
-          child: SizedBox(
-            width: photoSide,
-            height: photoSide,
-            child: !hasPhoto
-                ? ClipRRect(
-                    borderRadius: outerRadius,
-                    child: Center(
-                      child: Image.asset(
-                        'assets/images/photo.png',
-                        fit: BoxFit.contain,
-                        width: photoSide,
-                        height: photoSide,
-                      ),
-                    ),
-                  )
-                : Stack(
-                    fit: StackFit.expand,
-                    children: [
-                      // Pas de fond opaque : les coins hors ClipRRect laissent voir la carte (aquarelle).
-                      Positioned.fill(
-                        child: ClipRRect(
-                          borderRadius: photoClipRadius,
-                          child: _buildChildPhotoImage(childData, fit: BoxFit.cover),
-                        ),
-                      ),
-                      Positioned.fill(
-                        child: Image.asset(
-                          _photoSketchFrameAsset,
-                          fit: BoxFit.fill,
-                          errorBuilder: (context, error, stackTrace) =>
-                              const SizedBox.shrink(),
-                        ),
-                      ),
-                    ],
-                  ),
-          ),
-        ),
-        if (hasPhoto && canInteract)
-          Positioned(
-            top: 8 * scaleFactor,
-            right: 8 * scaleFactor,
-            child: Material(
-              color: Colors.transparent,
-              child: InkWell(
-                onTap: widget.onClearImage,
-                customBorder: const CircleBorder(),
-                child: Padding(
-                  padding: const EdgeInsets.all(4),
-                  child: Image.asset(
-                    'assets/images/cross.png',
-                    width: config.isMobile ? 26 : 30,
-                    height: config.isMobile ? 26 : 30,
-                    fit: BoxFit.contain,
-                  ),
-                ),
-              ),
-            ),
-          ),
-      ],
-    );
-  }
-
   /// Layout SPÉCIAL Readonly Desktop (Ancien Design Horizontal)
   Widget _buildReadonlyDesktopCard(BuildContext context, DisplayConfig config, Size screenSize) {
     // Convertir la couleur verticale (pour mobile) en couleur horizontale (pour desktop/récap)