Ajoute la CSG retraite

Fixes #3 (closed)

• Ajoute l'histogramme de CSG retraite
• Met à jour le camembert qui inclut la CSG retraite dans le périmètre de l'application

src/lib/components/budget/ImpactPane.svelte

@@ -6,14 +6,18 @@
     "Recettes de CSG des revenus d'activité du secteur privé/public"
   const CSG_RETRAITE_TITLE =
     "Recettes de CSG des pensions de retraite du secteur privé/public"
-  const CSG_DESCRIPTION = "Montants estimés pour l'année 2022"
-  const CSG_GRAPH_TITLE =
+  const CSG_HISTOGRAM_SUBTITLE = "Montants estimés pour l'année 2022"
+  const CSG_IMAGE_TITLE =
     "Périmètre actuel du simulateur par rapport à la CSG totale"
 
   const HISTOGRAM_VARIABLES_TO_SUM_CSG_ACTIVITE = [
     "csg_imposable_salaire",
     "csg_deductible_salaire",
   ]
+  const HISTOGRAM_VARIABLES_TO_SUM_CSG_RETRAITE = [
+    "csg_imposable_retraite",
+    "csg_deductible_retraite",
+  ]
 
   export let csgResponseJson: ApiResponse | undefined = undefined
   export let updateImpact: boolean = false
@@ -22,18 +26,18 @@
 <section class="grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-4 gap-10">
   <HistogramPane
     title={CSG_ACTIVITE_TITLE}
-    description={CSG_DESCRIPTION}
+    description={CSG_HISTOGRAM_SUBTITLE}
     dataJson={csgResponseJson}
     variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM_CSG_ACTIVITE}
     updatingHistogram={updateImpact}
   />
-  <!-- image CSG -->
+  <!-- image CSG totale -->
   <div
     class="text-gray-700 flex-col shadow-md rounded bg-white col-span-2 border-8 border-le-bleu-light"
   >
     <div class="bg-le-bleu-light pb-4 pt-1 px-2">
       <div>
-        <p class="font-bold text-lg">{CSG_GRAPH_TITLE}</p>
+        <p class="font-bold text-lg">{CSG_IMAGE_TITLE}</p>
         <p class="text-sm ">
           Source :
           <a
@@ -49,20 +53,20 @@
     <img
       class="flex sm:hidden lg:flex 2xl:hidden 3xl:flex object-contain"
       src="/budget-csg-2020.svg"
-      alt={CSG_GRAPH_TITLE}
+      alt={CSG_IMAGE_TITLE}
     />
     <img
       class="hidden sm:flex lg:hidden 2xl:flex 3xl:hidden object-contain"
       src="/budget-csg-2020-vertical.svg"
-      alt={CSG_GRAPH_TITLE}
+      alt={CSG_IMAGE_TITLE}
     />
   </div>
 
   <HistogramPane
     title={CSG_RETRAITE_TITLE}
-    description={CSG_DESCRIPTION}
+    description={CSG_HISTOGRAM_SUBTITLE}
     dataJson={csgResponseJson}
-    variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM_CSG_ACTIVITE}
+    variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM_CSG_RETRAITE}
     updatingHistogram={updateImpact}
   />
 </section>