Phase 3 : hardening qualite de code - typage strict, securite, dead code, a11y

Config strictement stricte partout (ruff, mypy --strict, bandit, vulture,
import-linter, eslint, stylelint), aucune regle desactivee "pour ne pas
casser le build" - l'existant a ete corrige pour la satisfaire plutot que
l'inverse. Hooks pre-commit locaux (language: system) bloquants.

- Typage mypy --strict propage a tout le moteur (db, screens, auth, core,
  ai, routes, puis publish/scripts/tests/app.py/build_css.py).
- Securite : fuite de handle fichier Windows corrigee dans l'export SCORM
  (routes/publish/export_scorm.py), CSRF/RNG non-crypto/xAPI documentes
  (# nosec, # NOSONAR justifies), nouveau db.json_for_script() (echappe
  "</script>" dans le JSON embarque en <script>, 25 sites).
- Architecture : imports circulaires/F811 nettoyes, contrats
  import-linter respectes, code mort retire (vulture).
- Accessibilite : 69 champs de formulaire sans label correctement
  associe corriges (for/id ou aria-label) sur 11 templates.
- ESLint/Stylelint : lot mecanique JS/CSS, regles ajustees puis
  appliquees (aucune desactivee sans verification individuelle).
- Tests : isolation du compte admin partage (nettoyage ponctuel +
  fixture de teardown automatique en filet de securite), suite complete
  verte (591 tests Python, 241 tests JS).
- SonarQube Community Build self-heberge (Docker + PostgreSQL) : rapport
  complet analyse point par point, faux positifs documentes.
- .gitattributes ajoute (LF force) : core.autocrlf=true sur cette machine
  faisait echouer ESLint (linebreak-style) via un bug connu de git
  (checkout "en place" qui ignore l'eol force sur un fichier deja
  present sur disque - contourne en supprimant puis recreant chaque
  fichier suivi).

djLint (H021, styles inline) volontairement saute pour ce commit -
backlog assume, deja documente, traite dans un lot separe.

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

static/js/screen_edit/personnage-panel.js

@@ -8,18 +8,18 @@
 // Forge (SPRITE_LIBRARY) sont proposés.
 
 function _personnageElementId() {
-  var body = document.getElementById('personnagePanelBody');
+  const body = document.getElementById('personnagePanelBody');
   return body ? parseInt(body.dataset.elementId, 10) : null;
 }
 
 function _savePersonnageData(data) {
-  var elementId = _personnageElementId();
+  const elementId = _personnageElementId();
   if (!elementId) return Promise.resolve();
-  return fetch('/game/' + GAME_SLUG + '/elements/' + elementId + '/personnage', {
+  return fetch(`/game/${GAME_SLUG}/elements/${elementId}/personnage`, {
     method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data),
   })
-    .then(function (r) { return r.json(); })
-    .then(function (json) {
+    .then((r) => r.json())
+    .then((json) => {
       if (json.animations) {
         // Reste en phase avec le sélecteur d'animation du nœud de flow/clip
         // de Timeline (voir flow-editor.js/animation-timeline.js), sans
@@ -32,8 +32,8 @@ function _savePersonnageData(data) {
 }
 
 function swapPersonnageCharacter(forgeCharacter) {
-  document.querySelectorAll('#personnageGallerySwap .iconGalleryTile').forEach(function (tile) {
-    tile.classList.toggle('selected', tile.getAttribute('onclick') === "swapPersonnageCharacter('" + forgeCharacter + "')");
+  document.querySelectorAll('#personnageGallerySwap .iconGalleryTile').forEach((tile) => {
+    tile.classList.toggle('selected', tile.getAttribute('onclick') === `swapPersonnageCharacter('${forgeCharacter}')`);
   });
   _savePersonnageData({ source: 'forge', forge_character: forgeCharacter });
 }