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/e2e/tests/lore/template-create.spec.ts

@@ -53,15 +53,15 @@ test.describe('Template creation', () => {
     const addFieldInput = page.getByPlaceholder('+ Ajouter un champ');
     await addFieldInput.fill('Pouvoir');
     await addFieldInput.press('Enter');
-    await expect(page.locator('.fields-list .field-chip', { hasText: 'Pouvoir' })).toBeVisible();
+    await expect(page.locator('.grid-block[data-block-name="Pouvoir"]')).toBeVisible();
 
     await addFieldInput.fill('Origine');
     await addFieldInput.press('Enter');
-    await expect(page.locator('.fields-list .field-chip', { hasText: 'Origine' })).toBeVisible();
+    await expect(page.locator('.grid-block[data-block-name="Origine"]')).toBeVisible();
 
-    const origineRow = page.locator('.fields-list .field-row', { hasText: 'Origine' });
-    await origineRow.getByRole('button', { name: 'Supprimer' }).click();
-    await expect(page.locator('.fields-list .field-chip', { hasText: 'Origine' })).toHaveCount(0);
+    const origineBlock = page.locator('.grid-block[data-block-name="Origine"]');
+    await origineBlock.getByRole('button', { name: 'Supprimer' }).click();
+    await expect(page.locator('.grid-block[data-block-name="Origine"]')).toHaveCount(0);
 
     await page.getByRole('button', { name: /^Créer le template$/i }).click();
     await expect(page).toHaveURL(new RegExp(`/lore/${seeded.id}$`));

web/e2e/tests/lore/template-edit.spec.ts

@@ -30,8 +30,8 @@ test.describe('Template edit', () => {
 
     await expect(page.getByLabel(/^Nom$/)).toHaveValue(template.name);
     await expect(page.getByLabel(/Dossier par défaut/i)).toHaveValue(seeded.rootFolderId);
-    await expect(page.locator('.fields-list .field-chip', { hasText: 'Nom' })).toBeVisible();
-    await expect(page.locator('.fields-list .field-chip', { hasText: 'Description' })).toBeVisible();
+    await expect(page.locator('.grid-block[data-block-name="Nom"]')).toBeVisible();
+    await expect(page.locator('.grid-block[data-block-name="Description"]')).toBeVisible();
   });
 
   test('renames the template and persists to API', async ({ page, request }) => {
@@ -58,11 +58,11 @@ test.describe('Template edit', () => {
     const addInput = page.getByPlaceholder('+ Ajouter un champ');
     await addInput.fill('Stats');
     await addInput.press('Enter');
-    await expect(page.locator('.fields-list .field-chip', { hasText: 'Stats' })).toBeVisible();
+    await expect(page.locator('.grid-block[data-block-name="Stats"]')).toBeVisible();
 
-    const descriptionRow = page.locator('.fields-list .field-row', { hasText: 'Description' });
-    await descriptionRow.getByRole('button', { name: 'Supprimer' }).click();
-    await expect(page.locator('.fields-list .field-chip', { hasText: 'Description' })).toHaveCount(0);
+    const descriptionBlock = page.locator('.grid-block[data-block-name="Description"]');
+    await descriptionBlock.getByRole('button', { name: 'Supprimer' }).click();
+    await expect(page.locator('.grid-block[data-block-name="Description"]')).toHaveCount(0);
 
     await page.getByRole('button', { name: /^Sauvegarder$/i }).click();
     await expect(page).toHaveURL(new RegExp(`/lore/${seeded.id}$`));