use backoffice-header in views

app/assets/stylesheets/new_design/procedures_show.scss

@@ -3,14 +3,6 @@
 @import "constants";
 
 #procedure-show {
-  .header {
-    background-color: $light-grey;
-    padding-top: $default-padding;
-
-    .container {
-      display: flex;
-    }
-
   .procedure-logo {
     margin-right: $default-padding;
   }
@@ -71,7 +63,6 @@
       }
     }
   }
-  }
 
   .dossiers-table {
     margin: (2 * $default-padding) auto;

app/views/new_gestionnaire/dossiers/_header.html.haml

@@ -1,7 +1,8 @@
-.container
+.backoffice-header
+  .container
     %ul.tabs
       %li
-      = link_to "Demande", "#", class: ("selected" if request.path == dossier_path(dossier.procedure, dossier))
+        = link_to "Demande", "#", class: ("selected" if current_page?(dossier_path(dossier.procedure, dossier)))
       %li
         = link_to "Instruction", "#"
       %li

app/views/new_gestionnaire/procedures/show.html.haml

@@ -1,6 +1,6 @@
 #procedure-show
-  .header
+  .backoffice-header
-    .container
+    .container.flex
       - if @procedure.logo.present?
         = image_tag @procedure.logo, height: 40, class: 'procedure-logo'