amelioration(formulaire-usager): groupes les champs suivant un titre de section dans une balise html de type <fieldset> de sorte a améliorer l'accessibilite de la plateforme

app/views/shared/dossiers/_edit.html.haml

@@ -42,9 +42,5 @@
         = f.select :groupe_instructeur_id,
           dossier.procedure.groupe_instructeurs.active.map { |gi| [gi.label, gi.id] },
           { include_blank: dossier.brouillon? }
-
-    - dossier.champs_public.each do |champ|
-      = fields_for champ.input_name, champ do |form|
-        = render EditableChamp::EditableChampComponent.new form: form, champ: champ
-
+    = render EditableChamp::ChampsTreeComponent.new(champs: dossier.champs_public, root_depth: 0)
   = render Dossiers::EditFooterComponent.new(dossier: dossier, annotation: false)

app/views/shared/dossiers/_edit_annotations.html.haml

@@ -3,9 +3,7 @@
     %section.counter-start-header-section
       = render NestedForms::FormOwnerComponent.new
       = form_for dossier, url: annotations_instructeur_dossier_path(dossier.procedure, dossier), html: { class: 'form', multipart: true } do |f|
-        - dossier.champs_private.each do |champ|
-          = fields_for champ.input_name, champ do |form|
-            = render EditableChamp::EditableChampComponent.new form: form, champ: champ, seen_at: seen_at
+        = render EditableChamp::ChampsTreeComponent.new(champs: dossier.champs_private, root_depth: 0)
 
       = render Dossiers::EditFooterComponent.new(dossier: dossier, annotation: true)
   - else