Use compact display for the number of persons in IrGagnantsPerdantsView

src/lib/components/IrGagnantsPerdantsView.svelte

@@ -65,7 +65,7 @@
         <ValueChange
           compact
           legend
-          unitName=""
+          unitName="persons"
           valueByCalculationName={{
             amendment: amendmentStateBudget.irpp,
             bill: billStateBudget.irpp,
@@ -86,7 +86,7 @@
         <div class="mb-4 flex gap-4 text-xl font-bold">
           <ValueChange
             compact
-            unitName=""
+            unitName="persons"
             valueByCalculationName={{
               amendment: amendmentStateBudget.irpp,
               bill: billStateBudget.irpp,
@@ -103,7 +103,7 @@
         <div class="mb-4 flex gap-4 text-xl font-bold">
           <ValueChange
             compact
-            unitName=""
+            unitName="persons"
             valueByCalculationName={{
               amendment: amendmentStateBudget.irpp,
               bill: billStateBudget.irpp,
@@ -120,7 +120,7 @@
         <div class="mb-4 flex gap-4 text-xl font-bold">
           <ValueChange
             compact
-            unitName=""
+            unitName="persons"
             valueByCalculationName={{
               amendment: amendmentStateBudget.irpp,
               bill: billStateBudget.irpp,

src/lib/values.ts

@@ -36,6 +36,12 @@ export function valueFormatter(
             minimumFractionDigits: 0,
             style: "currency",
           }).format as (value: unknown) => string)
+      : unitName === "persons" && compact
+      ? (new Intl.NumberFormat("fr-FR", {
+          maximumFractionDigits: 1,
+          minimumFractionDigits: 0,
+          notation: "compact", // Example: 3,2 M
+        }).format as (value: unknown) => string)
       : (new Intl.NumberFormat("fr-FR").format as (value: unknown) => string)
     : (((value: unknown) => (value as string).toString()) as (
         value: unknown,