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/play/offline/render-overlay.js

@@ -4,47 +4,46 @@
 // dans l'éditeur (non pertinent hors ligne, qui ne sert jamais l'éditeur,
 // mais le port reste fidèle pour ne pas diverger inutilement).
 function forgeRenderOverlay(el, meta, gameData, childrenMap, ctx, parentFlexDirection) {
-  var isPlayMode = !!(ctx && ctx._forge_play_mode);
-  var attrsRaw = el.attributes || {};
-  var boxColor = attrsRaw._couleur_boite || "#1f2430";
-  var radius = attrsRaw._arrondi || "12";
+  const isPlayMode = !!(ctx && ctx._forge_play_mode);
+  const attrsRaw = el.attributes || {};
+  const boxColor = attrsRaw._couleur_boite || '#1f2430';
+  const radius = attrsRaw._arrondi || '12';
 
-  var attrs = forgeVisibleAttrs(el, meta, ctx);
-  var style, wrapperClass;
+  const attrs = forgeVisibleAttrs(el, meta, ctx);
+  let style; let
+    wrapperClass;
   if (isPlayMode) {
-    var baseOverlayStyle =
-      "position:fixed; inset:0; z-index:9999; display:flex; " +
-      "align-items:center; justify-content:center; background:rgba(0,0,0,0.6);";
-    style = baseOverlayStyle + " " + forgeStyleString(el, parentFlexDirection, el.widget);
-    wrapperClass = "modal is-active";
+    const baseOverlayStyle = 'position:fixed; inset:0; z-index:9999; display:flex; '
+      + 'align-items:center; justify-content:center; background:rgba(0,0,0,0.6);';
+    style = `${baseOverlayStyle} ${forgeStyleString(el, parentFlexDirection, el.widget)}`;
+    wrapperClass = 'modal is-active';
   } else {
     style = forgeStyleString(el, parentFlexDirection, el.widget);
-    wrapperClass = "";
+    wrapperClass = '';
   }
 
-  var attrParts = ['style="' + forgeHtmlEscape(style) + '"'];
-  Object.keys(attrs).forEach(function (k) {
-    var v = attrs[k];
-    if (v === null || v === undefined || v === "" || v === false) return;
-    attrParts.push(v === true ? forgeHtmlEscape(k) : forgeHtmlEscape(k) + '="' + forgeHtmlEscape(v) + '"');
+  const attrParts = [`style="${forgeHtmlEscape(style)}"`];
+  Object.keys(attrs).forEach((k) => {
+    const v = attrs[k];
+    if (v === null || v === undefined || v === '' || v === false) return;
+    attrParts.push(v === true ? forgeHtmlEscape(k) : `${forgeHtmlEscape(k)}="${forgeHtmlEscape(v)}"`);
   });
 
-  var boxStyle =
-    "background:" + forgeHtmlEscape(String(boxColor)) + "; border-radius:" + forgeHtmlEscape(String(radius)) + "px; " +
-    "color:#e8eaf0; padding:24px; width:100%; max-width:min(560px, 90%); max-height:90%; overflow:auto; box-sizing:border-box;";
-  var childHtml = forgeRenderChildren(el, gameData, childrenMap, ctx);
-  var wrapperClassAttr = wrapperClass ? 'class="' + wrapperClass + '" ' : "";
+  const boxStyle = `background:${forgeHtmlEscape(String(boxColor))}; border-radius:${forgeHtmlEscape(String(radius))}px; `
+    + 'color:#e8eaf0; padding:24px; width:100%; max-width:min(560px, 90%); max-height:90%; overflow:auto; box-sizing:border-box;';
+  const childHtml = forgeRenderChildren(el, gameData, childrenMap, ctx);
+  const wrapperClassAttr = wrapperClass ? `class="${wrapperClass}" ` : '';
   return (
-    '<div ' + wrapperClassAttr + attrParts.join(" ") + '>' +
-    '<div class="box forgeOverlayBox" style="' + forgeHtmlEscape(boxStyle) + '">' + childHtml + '</div>' +
-    '</div>'
+    `<div ${wrapperClassAttr}${attrParts.join(' ')}>`
+    + `<div class="box forgeOverlayBox" style="${forgeHtmlEscape(boxStyle)}">${childHtml}</div>`
+    + '</div>'
   );
 }
 
 if (typeof module !== 'undefined' && module.exports) {
   module.exports = { forgeRenderOverlay };
-  var renderMod = require('./render-element.js');
-  ["forgeVisibleAttrs", "forgeStyleString", "forgeHtmlEscape", "forgeRenderChildren"].forEach(function (name) {
+  const renderMod = require('./render-element.js');
+  ['forgeVisibleAttrs', 'forgeStyleString', 'forgeHtmlEscape', 'forgeRenderChildren'].forEach((name) => {
     global[name] = global[name] || renderMod[name];
   });
 }