add clickable summary in champ editor view for admin

app/views/administrateurs/procedures/_champs_summary.html.haml

@@ -0,0 +1,11 @@
+#summary{ class: @procedure.header_sections.present? ? 'fr-col-12 fr-col-md-3' : '' }
+  - if @procedure.header_sections.present?
+    %nav.fr-sidemenu.sticky.fr-hidden.fr-unhidden-md{ "aria-labelledby" => "fr-summary-title", role: "navigation" }
+      %ul.fr-sidemenu__list
+        - @procedure.header_sections.each do |header|
+          %li.fr-sidemenu__item
+            - level = header.type_de_champ.header_section_level_value.to_i
+            - if level == 1
+              %a.fr-sidemenu__link{ href: "##{dom_id(header, :type_de_champ_editor)}" }= header.libelle
+            - else
+              %a.fr-sidemenu__link{ class: level == 3 ? 'custom-link-grey': '', href: "##{dom_id(header, :type_de_champ_editor)}" }= "-- #{header.libelle}"

app/views/administrateurs/procedures/champs.html.haml

@@ -6,7 +6,10 @@
 .fr-container
   %h1 Configuration des champs
   = render NestedForms::FormOwnerComponent.new
-= render TypesDeChampEditor::EditorComponent.new(revision: @procedure.draft_revision)
+  .fr-grid-row
+    = render partial: 'champs_summary'
+    .fr-col
+      = render TypesDeChampEditor::EditorComponent.new(revision: @procedure.draft_revision)
 
 .padded-fixed-footer
   .fixed-footer

app/views/administrateurs/types_de_champ/_insert.turbo_stream.haml

@@ -14,6 +14,8 @@
 
 = turbo_stream.replace 'errors-summary', render(TypesDeChampEditor::ErrorsSummary.new(revision: @procedure.draft_revision))
 
+= turbo_stream.replace 'summary', render(partial: 'administrateurs/procedures/champs_summary')
+
 - unless flash.alert
   = turbo_stream.show 'autosave-notice'
   = turbo_stream.replace 'autosave-notice', render(partial: 'administrateurs/autosave_notice')