fix(orga): replaced deprecated component by PixTooltip and aligned tooltip left, made it inline

Author: alicegoarnisson

Diff for: orga/app/components/campaign/results/evolution-header.gjs

@@ -1,17 +1,24 @@
+import PixIcon from '@1024pix/pix-ui/components/pix-icon';
+import PixTooltip from '@1024pix/pix-ui/components/pix-tooltip';
 import { t } from 'ember-intl';
 
-import TooltipWithIcon from '../../ui/tooltip-with-icon';
-
 <template>
   <span class="evolution-header">
-
     {{t "pages.campaign-results.table.column.evolution"}}
-
-    <TooltipWithIcon
-      @iconName="help"
-      @content={{@tooltipContent}}
-      @ariaHiddenIcon={{true}}
-      class="tooltip-with-icon-small"
-    />
+    <PixTooltip @id="evolution-tooltip" @position="left" @isInline={{true}}>
+      <:triggerElement>
+        <PixIcon
+          @name="help"
+          @plainIcon={{true}}
+          aria-hidden="true"
+          tabindex="0"
+          aria-label={{t "components.certificability-tooltip.aria-label"}}
+          aria-describedby="evolution-tooltip"
+        />
+      </:triggerElement>
+      <:tooltip>
+        {{@tooltipContent}}
+      </:tooltip>
+    </PixTooltip>
   </span>
 </template>

Diff for: orga/app/components/certificability/tooltip.gjs

@@ -16,9 +16,13 @@ export default class Tooltip extends Component {
     return this.intl.t('components.certificability-tooltip.from-collect-notice');
   }
 
+  get position() {
+    return this.args.position ? this.args.position : 'bottom-left';
+  }
+
   <template>
     <div class="certificability-tooltip">
-      <PixTooltip @id="column-is-certifiable-informations" @position="top-left" @isWide={{true}}>
+      <PixTooltip @id="column-is-certifiable-informations" @position={{this.position}} @isWide={{true}}>
         <:triggerElement>
           <PixIcon
             @name="help"