feat(orga): create EvolutionHeader component

orga/app/components/campaign/results/evolution-header.gjs

@@ -0,0 +1,18 @@
+import { t } from 'ember-intl';
+
+import TooltipWithIcon from '../../ui/tooltip-with-icon';
+
+<template>
+  <div class="evolution-header">
+    {{t "pages.campaign-results.table.column.evolution"}}
+    <TooltipWithIcon
+      @iconName="help"
+      @position="top"
+      @isInline={{true}}
+      @plainIcon={{true}}
+      @content={{@tooltipContent}}
+      @ariaHiddenIcon={{true}}
+      @iconClass="tooltip-with-icon--small"
+    />
+  </div>
+</template>

orga/app/styles/components/campaign/index.scss

@@ -1,7 +1,7 @@
 @import 'activity/dashboard';
 @import 'analysis/competences';
 @import 'results/assessment-cards';
-@import 'results/assessment-list';
+@import 'results/evolution-header';
 @import 'analysis/recommendations';
 @import 'analysis/recommendation-indicator';
 @import 'analysis/tube-recommendation-row';

orga/app/styles/components/campaign/results/evolution-header.scss

@@ -0,0 +1,7 @@
+.evolution-header {
+    display: flex;
+    gap: var(--pix-spacing-1x);
+    align-items: center;
+
+  }
+

orga/app/styles/components/ui/tooltip-with-icon.scss

@@ -1,23 +1,29 @@
 .tooltip-with-icon {
   width: fit-content;
 
+
   // @TODO: Remove !important when PixTooltip wil be fixed
   &__increase{
-    width: 1.5rem !important;
-    height: 1.5rem !important;
-    fill: var(--pix-success-500) !important;
+    width: 1.5rem;
+    height: 1.5rem;
+    fill: var(--pix-success-500);
   }
 
   &__decrease {
-    width: 1.5rem !important;
-    height: 1.5rem !important;
-    fill: var(--pix-error-500) !important;
+    width: 1.5rem;
+    height: 1.5rem;
+    fill: var(--pix-error-500);
   }
 
   &__stable {
-    width: 1.5rem !important;
-    height: 1.5rem !important;
-    fill: var(--pix-warning-500) !important;
+    width: 1.5rem;
+    height: 1.5rem ;
+    fill: var(--pix-warning-500);
+  }
+
+  &--small {
+    width: 1rem;
+    height: 1rem;
   }
 }