Nettoyage post-revue : factorisation, code mort et fiabilité (reorder/lore/foundry/PDF)

Corrections fonctionnelles
- order initialisé à la création des pages et dossiers de lore (nextOrderFor) :
  un nouvel élément se place désormais en dernier de sa fratrie au lieu de 0
- storePortrait : type MIME canonique dérivé de l'extension du fichier
  (un data URL "image/jpg" n'est plus rejeté silencieusement)
- takeUntilDestroyed ajouté sur les abonnements paramMap de arc-view,
  folder-view et campaign-detail (fuites mémoire)

Factorisation (suppression de duplication)
- shared/folder-grouping.util.ts : groupByFolder + byOrder + byFolderName
  mutualisés entre npc-list, enemy-list, campaign-detail et la sidebar
  (folderChildren). Le tri des dossiers est désormais cohérent entre la
  sidebar et les vues cartes (insensible casse/accents partout)
- DataSyncService.onChange()/persist() remplacent le câblage
  changed$ + reorder recopié dans 5 vues
- campaign-detail : loadCampaignBundle()/applyCampaignBundle() éliminent
  le forkJoin dupliqué entre ngOnInit et reload
- ReorderSupport (domain/shared) : squelette générique remplaçant les
  8 boucles de réordonnancement copiées dans les services
- FoundryExportService : GameSystem résolu une seule fois dans buildBundle
- module Foundry : walkScalars mutualise la récursion de flattenStats et
  flattenStructure (comportements préservés) ; esc() de l'importer aligné
  sur foundry.utils.escapeHTML

Suppression de code mort
- characterService/characters retirés de loadCampaignTreeData et de ses
  16 appelants (arguments, injections, imports et littéraux CampaignTreeData)
- CSS orphelin : .tree-row.cdk-drop-list-receiving et .btn-back
- BottomPanel.initiallyOpen (jamais lu) retiré de l'interface et de l'appelant
- commentaire trompeur du PDF corrigé

Tests
- mise à jour de 3 tests obsolètes de campaign-tree.helper.spec qui
  vérifiaient encore l'ancien comportement (tri alphabétique, non-classés
  en enfants directs) → alignés sur le modèle actuel (tri par order +
  pseudo-dossier "Sans dossier")

web/src/app/campaigns/campaign/campaign-detail/campaign-detail.component.html

@@ -28,6 +28,10 @@
           </div>
         </div>
         <div class="header-actions">
+          <button type="button" class="btn-secondary" (click)="exportPdf()" [disabled]="exportingPdf">
+            <lucide-icon [img]="FileText" [size]="14"></lucide-icon>
+            {{ (exportingPdf ? 'campaignDetail.pdfExporting' : 'campaignDetail.pdfExport') | translate }}
+          </button>
           <button type="button" class="btn-secondary" (click)="exportFoundry()" [disabled]="exportingFoundry">
             <lucide-icon [img]="Download" [size]="14"></lucide-icon>
             {{ (exportingFoundry ? 'campaignDetail.foundryExporting' : 'campaignDetail.foundryExport') | translate }}
@@ -136,17 +140,24 @@
               </button>
             </div>
             @if (npcs.length > 0) {
-              <div class="characters-grid">
-                @for (npc of npcs; track npc) {
-                  <div class="character-card" (click)="viewNpc(npc)">
-                    <lucide-icon [img]="Drama" [size]="20" class="character-icon character-icon--npc"></lucide-icon>
-                    <div class="character-info">
-                      <span class="character-name">{{ npc.name }}</span>
-                      <span class="character-snippet">{{ personaSnippet(npc) }}</span>
-                    </div>
-                  </div>
+              @for (g of npcGroups; track g.folder) {
+                @if (g.folder) {
+                  <h4 class="persona-folder">{{ g.folder.split('/').join(' / ') }}</h4>
+                } @else if (npcGroups.length > 1) {
+                  <h4 class="persona-folder persona-folder--none">{{ 'campaignTree.unclassified' | translate }}</h4>
                 }
-              </div>
+                <div class="characters-grid">
+                  @for (npc of g.items; track npc.id) {
+                    <div class="character-card" (click)="viewNpc(npc)">
+                      <lucide-icon [img]="Drama" [size]="20" class="character-icon character-icon--npc"></lucide-icon>
+                      <div class="character-info">
+                        <span class="character-name">{{ npc.name }}</span>
+                        <span class="character-snippet">{{ personaSnippet(npc) }}</span>
+                      </div>
+                    </div>
+                  }
+                </div>
+              }
             }
             @if (npcs.length === 0) {
               <div class="empty-state empty-state--compact">
@@ -172,9 +183,10 @@
             </div>
           </div>
           @if (arcs.length > 0) {
-            <div class="arcs-grid">
-              @for (arc of arcs; track arc) {
-                <div class="arc-card" (click)="openArc(arc)">
+            <div class="arcs-grid" cdkDropList cdkDropListOrientation="mixed"
+              (cdkDropListDropped)="dropArc($event)">
+              @for (arc of arcs; track arc.id) {
+                <div class="arc-card" cdkDrag [cdkDragData]="arc" (click)="openArc(arc)">
                   <lucide-icon [img]="Swords" [size]="24" class="arc-icon"></lucide-icon>
                   <span class="arc-name">{{ arc.name }}</span>
                   <span class="arc-meta">{{ 'campaignDetail.chapters' | translate:{ n: chapterCountByArc[arc.id!] || 0 } }}</span>