Rendre les notes en markdown, et en donner au projet

Une phase avait quatre lignes de texte brut ; un projet n'avait rien. Les deux
manques se tiennent : la frise ne dit pas qui pilote ni sur quel budget, et ce
contexte finissait dans les notes de la première phase venue, où il ne survit
pas à sa suppression.

Le bloc de notes est le même dans les deux panneaux et prend toute la hauteur
restante : les autres champs ont une taille dictée par leur contenu, une note
fait ce qu'on a à dire. Il s'ouvre sur l'aperçu quand la note existe, sur la
saisie quand elle est vide.

Les cases à cocher se cliquent dans l'aperçu — seul geste de l'aperçu qui touche
aux données. La bascule réécrit la seule ligne visée plutôt que de régénérer la
note, qui verrait sinon sa mise en forme normalisée. Inertes dans la vue par
mois, en lecture seule (décision 24).

La barre d'outils écrit par `document.execCommand('insertText')` et non en
affectant `value`, qui viderait la pile d'annulation du navigateur : `Ctrl+Z`
doit continuer de marcher. Le DOM est bâti nœud par nœud, sans un `innerHTML`.

Les infobulles aplatissent le markdown — `title` ne connaît que le texte —, et
celles d'un jalon et d'un libellé de projet les affichent désormais.

Le format passe en version 4 : le validateur reconstruit chaque projet champ par
champ, un binaire antérieur effacerait les notes de projet à la première
sauvegarde.

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

index.html

@@ -142,10 +142,12 @@
           Jalon (une seule date, affichée en losange)
         </label>
 
-        <label>
-          Notes
-          <textarea name="notes" rows="4"></textarea>
-        </label>
+        <!--
+          Les notes sont bâties par `notes.js` : aperçu markdown, barre d'outils
+          et zone de saisie, le tout identique dans les deux panneaux. Un seul
+          point d'ancrage ici plutôt que deux fois la même douzaine de balises.
+        -->
+        <section id="notes-phase"></section>
 
         <p class="panneau__erreur" id="erreur-phase" role="alert" hidden></p>
 
@@ -197,6 +199,13 @@
           <div class="tags tags--suggestions" id="panneau-projet-suggestions"></div>
         </fieldset>
 
+        <!--
+          Notes du projet : ce que la frise ne sait pas dire. Le contexte d'un
+          engagement, un interlocuteur, une décision et sa date. Elles occupent
+          le bas du volet, là où celles d'une phase occupent le bas du sien.
+        -->
+        <section id="notes-projet"></section>
+
         <p class="panneau__erreur" id="erreur-projet" role="alert" hidden></p>
 
         <div class="panneau__actions">