Merge branch '182-responsive-structure-select' into 'dev'

Draft: Resolve "Gestion améliorée de l'affichage pour petits écrans (a valider avec Louise)."

See merge request !454

src/app/form/footer-form/footer-form.component.scss

@@ -6,7 +6,7 @@
   display: flex;
   justify-content: center;
   gap: 1rem;
-  padding: 20px 0;
+  padding: 16px 0;
 }
 
 .btn-primary {

src/app/form/form-view/profile-form/profile-structure-choice/profile-structure-choice.component.html

 <div fxLayout="column">
-  <h2>Dans quelle structure travaillez-vous ?</h2>
+  <h2 class="title">Dans quelle structure travaillez-vous ?</h2>
   <div class="search-structure">
-    <div fxLayout="row" fxLayoutAlign="space-between" class="form-input search">
+    <div class="form-input search">
       <input
         type="text"
         id="structureName"

src/app/form/form-view/profile-form/profile-structure-choice/profile-structure-choice.component.scss

@@ -13,10 +13,11 @@ h2 {
 }
 
 .search {
+  display: flex;
+  justify-content: space-between;
   width: 380px;
   border-radius: 20px;
   padding: 0px 0px 0px 8px;
-  margin: 4px 0px;
 
   .search-input {
     height: 34px;
@@ -33,10 +34,11 @@ h2 {
 }
 
 .scroll {
+  box-sizing: border-box;
   height: 50vh;
   overflow-y: scroll;
   border: 1px solid $grey-6;
-  margin: 16px 0px -1px 0px;
+  margin: 16px 0px 0px 0px;
 }
 
 .nb {