Use compact currency formatter to display numbers in Y axis

src/lib/components/CsgBudgetView.svelte

@@ -11,6 +11,13 @@
 
   export let budgetSimulation: BudgetSimulation
 
+  const euroAmountCompactFormatter = new Intl.NumberFormat("fr-FR", {
+    currency: "EUR",
+    maximumFractionDigits: 2,
+    minimumFractionDigits: 0,
+    notation: "compact", // Example: 3,2 Md €
+    style: "currency",
+  })
   const euroAmountFormatter = new Intl.NumberFormat("fr-FR", {
     currency: "EUR",
     maximumFractionDigits: 0,
@@ -108,7 +115,9 @@
           y="assiette_csg_abattue_sum"
         >
           <Svg>
-            <AxisY />
+            <AxisY
+              formatTick={(value) => euroAmountCompactFormatter.format(value)}
+            />
             <Column />
             <Column
               fill="red"

src/lib/components/IrBudgetView.svelte

@@ -11,6 +11,13 @@
 
   export let budgetSimulation: BudgetSimulation
 
+  const euroAmountCompactFormatter = new Intl.NumberFormat("fr-FR", {
+    currency: "EUR",
+    maximumFractionDigits: 2,
+    minimumFractionDigits: 0,
+    notation: "compact", // Example: 3,2 Md €
+    style: "currency",
+  })
   const euroAmountFormatter = new Intl.NumberFormat("fr-FR", {
     currency: "EUR",
     maximumFractionDigits: 0,
@@ -100,7 +107,9 @@
           y="rfr_sum"
         >
           <Svg>
-            <AxisY />
+            <AxisY
+              formatTick={(value) => euroAmountCompactFormatter.format(value)}
+            />
             <Column />
             <Column
               fill="red"