chore: remove unused styles

src/app/annuaire/result-list/result-list.component.scss

@@ -45,58 +45,6 @@
       flex-direction: column;
       gap: 16px;
       padding-right: 8px;
-      .singleUser {
-        display: flex;
-        align-items: center;
-        min-height: 100px;
-        padding: 1rem;
-        box-sizing: border-box;
-        cursor: pointer;
-        border-radius: 8px;
-        border: 1px solid $grey-7;
-        justify-content: space-between;
-        gap: 1rem;
-        transition: all 0.2s ease-in-out;
-
-        &:hover {
-          border-color: $grey-4;
-        }
-
-        .left {
-          display: flex;
-          align-items: center;
-          gap: 1.5rem;
-          .identity {
-            display: flex;
-            flex-direction: column;
-            gap: 0.5rem;
-            max-width: 330px;
-            .name {
-              font-weight: bold;
-            }
-            .job {
-              color: $grey-3;
-            }
-            .appointment {
-              display: flex;
-              align-items: center;
-              gap: 0.5rem;
-              span {
-                @include font-bold-14;
-              }
-            }
-          }
-        }
-        .right {
-          display: flex;
-          align-items: center;
-          gap: 1.5rem;
-          color: $grey-4;
-          .employer {
-            color: $grey-3;
-          }
-        }
-      }
     }
 
     .noResult {

src/app/contact/contact.component.scss

@@ -2,7 +2,6 @@
 @import 'layout';
 @import 'breakpoint';
 @import 'typography';
-@import 'shapes';
 @import 'z-index';
 
 .contactForm {

src/app/form/form-view/personal-offer-form/personal-offer-accompaniment/personal-offer-accompaniment.component.scss

-@import 'buttons';

src/app/form/form-view/personal-offer-form/personal-offer-accompaniment/personal-offer-accompaniment.component.ts

@@ -5,7 +5,6 @@ import { Category } from '../../../../structure-list/models/category.model';
 @Component({
   selector: 'app-personal-offer-accompaniment',
   templateUrl: './personal-offer-accompaniment.component.html',
-  styleUrls: ['./personal-offer-accompaniment.component.scss'],
 })
 export class PersonalOfferAccompanimentComponent implements OnInit {
   @Input() structureName: string;

src/app/form/form-view/structure-form/structure-name-and-address/structure-name-and-address.component.html

@@ -12,13 +12,12 @@
       [value]="structureForm.get('structureName').value"
       (valueChange)="structureForm.get('structureName').setValue($event); setValidationsForm()"
     />
-    <div class="addressRow">
-      <app-address-autocomplete
-        [form]="structureForm"
-        [address]="structureForm.get('address').valid ? structureForm.get('address').value : null"
-        (inputAddress)="setAddressStructure()"
-        (selectedAddress)="setAddressStructure($event)"
-      />
-    </div>
+
+    <app-address-autocomplete
+      [form]="structureForm"
+      [address]="structureForm.get('address').valid ? structureForm.get('address').value : null"
+      (inputAddress)="setAddressStructure()"
+      (selectedAddress)="setAddressStructure($event)"
+    />
   </div>
 </form>

src/app/form/orientation-form-view/orientation-structure-list/orientation-structure-address/orientation-structure-address.component.html

@@ -4,15 +4,13 @@
     <p>Facultatif</p>
   </div>
   <div class="form-group">
-    <div class="addressRow">
-      <app-address-autocomplete
-        [form]="form"
-        [wide]="true"
-        [required]="false"
-        [address]="form.get('address').valid ? form.get('address').value : null"
-        (inputAddress)="setAddressStructure()"
-        (selectedAddress)="setAddressStructure($event)"
-      />
-    </div>
+    <app-address-autocomplete
+      [form]="form"
+      [wide]="true"
+      [required]="false"
+      [address]="form.get('address').valid ? form.get('address').value : null"
+      (inputAddress)="setAddressStructure()"
+      (selectedAddress)="setAddressStructure($event)"
+    />
   </div>
 </form>

src/app/header/header.component.scss

@@ -2,8 +2,6 @@
 @import 'layout';
 @import 'color';
 @import 'breakpoint';
-@import 'shapes';
-@import 'buttons';
 @import 'z-index';
 
 header {
@@ -52,22 +50,6 @@ header {
   }
 }
 
-button {
-  @include btn-grey;
-  &.red {
-    @include btn-red;
-    border: none;
-    // user name ellipsis handling
-    white-space: nowrap;
-    width: 100px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  &:focus-visible {
-    outline: 1px solid $black;
-  }
-}
-
 a {
   color: $grey-2;
   height: 100%;

src/app/map/components/map.component.scss

 @import 'color';
 @import 'layout';
 @import 'typography';
-@import 'shapes';
-@import 'buttons';
 @import 'breakpoint';
 @import 'z-index';
 
@@ -57,7 +55,7 @@
         fill: $gold;
       }
       &.france-service {
-        fill: $primary-color;
+        fill: $red;
       }
     }
   }
@@ -74,9 +72,16 @@
   }
 
   button {
-    @include btn-search-filter;
-    @include font-bold-14;
-    font-size: 16px;
+    @include font-regular-16;
+    background: $red;
+    height: 36px;
+    color: $white;
+    padding: 4px 37px;
+    border-radius: 4px;
+    outline: none;
+    border: 1px solid transparent;
+    cursor: pointer;
+    line-break: 18px;
   }
 
   span {

src/app/post/components/post-details/post-details.component.scss

@@ -2,7 +2,6 @@
 @import 'typography';
 @import 'layout';
 @import 'breakpoint';
-@import 'hyperlink';
 @import 'ghost';
 
 h1 {

src/app/post/components/post-header/post-header.component.scss

 @import 'color';
-@import 'buttons';
 @import 'typography';
 @import 'breakpoint';
 @import 'layout';
@@ -45,7 +44,7 @@ header {
         border-color: $grey-4;
       }
       &:focus {
-        outline-color: $primary-color;
+        outline-color: $red;
       }
     }
   }

src/app/post/components/post-list/post-list.component.scss

 @import 'color';
 @import 'typography';
-@import 'shapes';
 @import 'breakpoint';
 
 .news {

src/app/profile/edit/edit.component.scss

 @import 'color';
 @import 'typography';
-@import 'hyperlink';
-@import 'shapes';
 @import 'breakpoint';
 
 .content-container {

src/app/profile/personal-offer-edition/personal-offer-edition.component.scss

 @import 'color';
 @import 'typography';
-@import 'hyperlink';
-@import 'shapes';
 @import 'breakpoint';
 
 .content-container {

src/app/profile/profile-structure/profile-structure.component.scss

 @import 'color';
 @import 'typography';
 @import 'breakpoint';
-@import 'shapes';
 
 .collapseHeader {
   width: 100%;

src/app/profile/profile.component.scss

 @import 'color';
 @import 'typography';
-@import 'hyperlink';
-@import 'shapes';
 @import 'breakpoint';
 @import 'layout';
 

src/app/shared/components/accompaniment-picker/accompaniment-picker.component.scss

-@import 'buttons';

src/app/shared/components/accompaniment-picker/accompaniment-picker.component.ts

@@ -6,7 +6,6 @@ import { Module } from '../../../structure-list/models/module.model';
 @Component({
   selector: 'app-accompaniment-picker',
   templateUrl: './accompaniment-picker.component.html',
-  styleUrls: ['./accompaniment-picker.component.scss'],
 })
 export class AccompanimentPickerComponent implements OnInit, OnChanges {
   @Input() personalOfferForm: UntypedFormGroup;

src/app/shared/components/button/button.component.scss

@@ -60,7 +60,7 @@ button {
       color: $grey-3;
     }
     &:active {
-      background-color: $red-pressed;
+      background-color: $red-light;
     }
   }
 
@@ -114,15 +114,15 @@ button {
     color: $grey-1;
     border-color: $grey-1;
     &:hover {
-      background-color: $grey-3;
+      background-color: $grey-7;
     }
     &:disabled {
       background-color: $white;
-      color: $grey-5;
-      border-color: $grey-5;
+      color: $grey-4;
+      border-color: $grey-4;
     }
     &:active {
-      background-color: $grey-3;
+      background-color: $grey-8;
     }
   }
 
@@ -174,7 +174,7 @@ button {
       color: $grey-3;
     }
     &:active {
-      background-color: $grey-9;
+      background-color: $grey-8;
     }
   }
 }

src/app/shared/components/data-share-consent/data-share-consent.component.scss

 @import 'typography';
 @import 'breakpoint';
 @import 'color';
-@import 'buttons';
 @import 'z-index';
-@import 'hyperlink';
 
 h1 {
   @include font-bold-26;

src/app/shared/components/member-card/member-card.component.scss

 @import 'color';
 @import 'typography';
 @import 'breakpoint';
-@import 'shapes';
 
 .structureMember {
   @include font-regular-14;