fix: visualizer for multifluid when only one fluid

src/components/ContentComponents/ConsumptionVisualizer/DataloadConsumptionVisualizer.tsx

@@ -79,12 +79,15 @@ const DataloadConsumptionVisualizer = ({
             <div
               className={`cv-load-value ${fluidStyle.toLowerCase()} chart-result`}
             >
-              {formatNumberValues(dataload.value)}
+              {multiFluid && fluidTypes.length === 1
+                ? formatNumberValues(
+                    ltcc.Convert(dataload.value, fluidTypes[0])
+                  )
+                : formatNumberValues(dataload.value)}
               <span className="text-18-medium">{`${t(
                 'FLUID.' + fluidStyle + '.UNIT'
               )}`}</span>
             </div>
-
             {!multiFluid ? (
               <div
                 className={`cv-euro ${fluidStyle.toLowerCase()} chart-fluid`}
@@ -147,7 +150,9 @@ const DataloadConsumptionVisualizer = ({
                         icon={getPicto(fluidTypes[0])}
                         size={22}
                       />
-                      <div>{`${formatNumberValues(dataload.value)} €`}</div>
+                      <div>{`${formatNumberValues(
+                        ltcc.Convert(dataload.value, fluidTypes[0])
+                      )} €`}</div>
                     </div>
                   </NavLink>
                 )}