Pages de lore en blocs (grille 2D libre) + bloc image recadrable, et import dd2vtt sur les scènes

Refonte du système de templates de lore en assemblage de blocs (façon Lore
d'Amsel), plus le support des cartes DungeonDraft (.dd2vtt) sur les scènes.

Templates de lore — éditeur de blocs en grille :
- Builder partagé `block-grid-builder` : palette de types de blocs à glisser sur
  une grille 12 colonnes, placement LIBRE (x/y) et redimensionnement en largeur
  ET hauteur par poignées, renommage en place. Remplace la liste + flèches de
  template-create/template-edit (dédupliqués).
- Rendu : page-view (aperçu) honore largeur ET hauteur (grille à lignes fixes) ;
  page-edit garde les colonnes (côte-à-côte) avec des hauteurs naturelles pour
  l'édition. Repli empilé pour les templates sans mise en page.
- Modèle : `TemplateField` gagne `id` (clé stable) et `pos {x,y,w,h}`. Les valeurs
  de page sont ancrées sur l'`id` (repli sur le nom) → renommer un bloc ne perd
  plus son contenu. Sérialisation JSON additive, aucune migration ; correction au
  passage de la non-relecture de `foundryPath` dans le converter.

Bloc image :
- Nouveau composant `image-block` (remplace la galerie pour les pages de lore) :
  plusieurs images plein cadre (carrousel), déplacement (recadrage) et zoom
  persistés PAR image et PAR page. Rendu `object-fit: contain` (image entière,
  bordures noires) avec zoom 0,4×–4×.
- Stockage : `Page.imageFraming` (fieldKey → imageId → {x,y,scale}), colonne
  `image_framing` (migration V8), DTO/mapper + passthrough export/import.

Scènes — source de carte au choix :
- Sélecteur Dungeon Alchemist (image/vidéo + .json, inchangé) / DungeonDraft
  (.dd2vtt). Le .dd2vtt embarque l'image en base64 : extraction à l'upload
  (→ média) + sidecar allégé (→ données) pour que l'export Foundry et le module
  fonctionnent sans changement. Mode déduit à la relecture de l'extension.
  Front-only, sans migration.

i18n fr/en, tests (converters back + helper front) et specs e2e mis à jour.

web/src/app/lore/page-edit/page-edit.component.scss

@@ -42,6 +42,35 @@
   gap: 1.25rem;
 }
 
+// Conteneur des champs dynamiques.
+// - Sans mise en page (hasLayout=false) : `display: contents` -> les .field
+//   restent des enfants flex directs de .edit-form (même gap, rendu inchangé).
+// - Avec mise en page : grille 12 colonnes ; chaque .field est placé via
+//   [style.grid-column] / [style.grid-row].
+.edit-fields {
+  display: contents;
+
+  // En saisie, on honore la LARGEUR (colonnes, pour le côte-à-côte) mais la
+  // hauteur reste NATURELLE (les widgets — textarea, tableau, image — ont besoin
+  // de respirer). Les blocs s'écoulent par ligne dans l'ordre (ligne, colonne).
+  &.edit-fields--grid {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-auto-flow: row;
+    gap: 1.25rem 1rem;
+    align-items: start;
+  }
+}
+
+// Repli mobile : la grille se réempile en une colonne, en conservant l'espacement.
+@media (max-width: 820px) {
+  .edit-fields.edit-fields--grid {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+  }
+}
+
 .field {
   display: flex;
   flex-direction: column;