fix(i18n): translate contextual procedure help dropdown

Cf #8665

app/assets/stylesheets/help_dropdown.scss

@@ -3,7 +3,7 @@
 
 .help-dropdown {
   .dropdown-content {
-    width: 340px;
+    width: 360px;
   }
 
   .dropdown-description {

app/views/shared/help/_help_dropdown_dossier.html.haml

@@ -1,7 +1,8 @@
 = render Dropdown::MenuComponent.new(wrapper: :span, wrapper_options: { class: ['help-dropdown']}, menu_options: { id: "help-menu" }) do |menu|
   - menu.with_button_inner_html do
     = t('help')
-  - title = dossier.brouillon? ? "Besoin d’aide pour remplir votre dossier ?" : "Une question sur votre dossier ?"
+
+  - title = dossier.brouillon? ? t("help_dropdown.help_brouillon_title") : t("help_dropdown.help_filled_dossier")
 
   - if dossier.messagerie_available?
     - menu.with_item do

app/views/shared/help/_help_dropdown_procedure.html.haml

@@ -4,6 +4,6 @@
 
   - if procedure.service.present?
     - menu.with_item do
-      = render partial: 'shared/help/dropdown_items/service_item', locals: { service: procedure.service, title: "Une question sur cette démarche ?" }
+      = render partial: 'shared/help/dropdown_items/service_item', locals: { service: procedure.service, title: t('help_dropdown.procedure_title') }
   - menu.with_item do
     = render partial: 'shared/help/dropdown_items/faq_item'

app/views/shared/help/dropdown_items/_email_item.html.haml

@@ -1,8 +1,5 @@
-%li{ role: 'none' }
-  = mail_to CONTACT_EMAIL, role: 'menuitem' do
-    %span.icon.mail
-    .dropdown-description
-      %span.help-dropdown-title
-        = t('help_dropdown.technical_contact_title')
-      %p
-        = t('help_dropdown.technical_contact_description', contact_email: CONTACT_EMAIL)
+= mail_to CONTACT_EMAIL, role: 'menuitem' do
+  %span.fr-icon-mail-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" }
+  .dropdown-description.fr-text--sm
+    %span.help-dropdown-title= t('help_dropdown.technical_contact_title')
+    %p.fr-text--sm= t('help_dropdown.technical_contact_description', contact_email: CONTACT_EMAIL)

app/views/shared/help/dropdown_items/_messagerie_item.html.haml

@@ -1,5 +1,6 @@
 = link_to messagerie_dossier_path(dossier), role: 'menuitem' do
   %span.icon.mail
   .dropdown-description
+  .dropdown-description.fr-text--sm
     %span.help-dropdown-title= title
-    %p Envoyez directement un message à l’instructeur.
+    %p.fr-text--sm= t('help_dropdown.contact_instructeur')

app/views/shared/help/dropdown_items/_service_item.html.haml

@@ -2,7 +2,7 @@
 .dropdown-description
   %span.help-dropdown-title= title
   .help-dropdown-service-action
-    %p Contactez directement l’administration :
+    %p= t('help_dropdown.contact_administration')
     %p.help-dropdown-service-item
       %span.icon.small.mail
       = link_to service.email, "mailto:#{service.email}", role: 'menuitem'

config/locales/en.yml

@@ -35,10 +35,15 @@ en:
   help: 'Help'
   help_dropdown:
     general_title: "Online help"
+    procedure_title: "Do you have a question about this procedure?"
     problem_title: A problem with the website ?
     problem_description: Find your answer in the online help.
     technical_contact_title: Technical contact
     technical_contact_description: Send us a message to %{contact_email}.
+    contact_administration: "Contact the administration directly:"
+    help_brouillon_title: "Need help filling out your file?"
+    help_filled_dossier: "A question about your file?"
+    contact_instructeur: Send a message directly to the instructor.
   utils:
     'yes': Yes
     'no': No

config/locales/fr.yml

@@ -25,10 +25,15 @@ fr:
   help: 'Aide'
   help_dropdown:
     general_title: "Aide en ligne"
+    procedure_title: "Une question sur cette démarche ?"
     problem_title: Un problème avec le site ?
     problem_description: Trouvez votre réponse dans l’aide en ligne.
     technical_contact_title: Contact technique
     technical_contact_description: Envoyez nous un message à %{contact_email}.
+    contact_administration: "Contactez directement l’administration :"
+    help_brouillon_title: "Besoin d’aide pour remplir votre dossier ?"
+    help_filled_dossier: "Une question sur votre dossier ?"
+    contact_instructeur: Envoyez directement un message à l’instructeur.
   utils:
     'yes': Oui
     'no': Non