Transform beforeafter block into generic image+text block

- Add toggle (isBeforeAfter) to switch between modes
- Mode simple: single image + text (2 columns layout)
- Mode comparison: before/after slider + text (2 columns layout)
- Remove "1/2, 1/2" layout from report blueprint (keep only "1/1")
- Update Vue component with 2-column grid preview
- Update PHP snippet to handle both modes
- Rename block to "Image avec texte"

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

site/plugins/beforeafter/blueprints/blocks/beforeafter.yml

@@ -1,7 +1,19 @@
-name: Comparaison Avant/Après
+name: Image avec texte
 icon: images
 preview: beforeafter
 fields:
+  isBeforeAfter:
+    label: Mode comparaison Avant/Après
+    type: toggle
+    default: false
+  image:
+    label: Image
+    type: files
+    multiple: false
+    layout: cards
+    query: page.images
+    when:
+      isBeforeAfter: false
   imageBefore:
     label: Image "Avant"
     type: files
@@ -9,8 +21,10 @@ fields:
     layout: cards
     query: page.images
     uploads: false
-    help: Image affichée à gauche / dessus
+    help: Image affichée à gauche / dessous
     width: 1/2
+    when:
+      isBeforeAfter: true
   imageAfter:
     label: Image "Après"
     type: files
@@ -18,9 +32,21 @@ fields:
     layout: cards
     query: page.images
     uploads: false
-    help: Image affichée à droite / dessous
+    help: Image affichée à droite / dessus
     width: 1/2
+    when:
+      isBeforeAfter: true
   caption:
     label: Légende
     type: text
-    help: Légende commune aux deux images
+  text:
+    label: Texte
+    type: writer
+    marks:
+      - bold
+      - italic
+      - link
+    nodes:
+      - bulletList
+      - orderedList
+      - paragraph