Change help menu design pattern (offline pages)

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

@@ -1,9 +1,12 @@
-= render Dropdown::MenuComponent.new(wrapper: :span, wrapper_options: { class: ['help-dropdown']}, menu_options: { id: "help-menu" }) do |menu|
-  - menu.with_button_inner_html do
+.fr-translate.fr-nav
+  .fr-nav__item
+    %button.help-btn.fr-translate__btn.fr-btn{ "aria-controls" => "help-menu", "aria-expanded" => "false" }
       = t('help')
 
+    #help-menu.help__content.fr-collapse.fr-menu
+      %ul.fr-menu__list
         - if procedure.service.present?
-    - menu.with_item do
+          %li.flex
             = render partial: 'shared/help/dropdown_items/service_item', locals: { service: procedure.service, title: t('help_dropdown.procedure_title') }
-  - menu.with_item do
+        %li.flex
           = render partial: 'shared/help/dropdown_items/faq_item'