Init a histogram for CSG retraite

src/routes/index.svelte

@@ -31,8 +31,10 @@
   const IMPACT_SECTION_TITLE = "Impacts d'une réforme CSG activité"
   const IMPACT_SECTION_SUBTITLE = " sur le budget de la Sécurité sociale "
 
-  const CSG_TITLE =
+  const CSG_ACTIVITE_TITLE =
     "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 =
     "Périmètre actuel du simulateur par rapport à la CSG totale"
@@ -44,7 +46,7 @@
   const reform = getContext("reform") as Writable<Reform>
   $: console.log("🔶 Réforme définie :", $reform)
 
-  const HISTOGRAM_VARIABLES_TO_SUM = [
+  const HISTOGRAM_VARIABLES_TO_SUM_CSG_ACTIVITE = [
     "csg_imposable_salaire",
     "csg_deductible_salaire",
   ]
@@ -161,10 +163,10 @@
       <div class="h-[calc(100vh-16rem)] overflow-y-auto pl-10 pr-6 lg:px-10">
         <section class="grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-4 gap-10">
           <HistogramPane
-            title={CSG_TITLE}
+            title={CSG_ACTIVITE_TITLE}
             description={CSG_DESCRIPTION}
             dataJson={csgResponseJson}
-            variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM}
+            variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM_CSG_ACTIVITE}
             {updatingHistogram}
           />
           <!-- image CSG -->
@@ -197,6 +199,14 @@
               alt={CSG_GRAPH_TITLE}
             />
           </div>
+
+          <HistogramPane
+            title={CSG_RETRAITE_TITLE}
+            description={CSG_DESCRIPTION}
+            dataJson={csgResponseJson}
+            variablesToDraw={HISTOGRAM_VARIABLES_TO_SUM_CSG_ACTIVITE}
+            {updatingHistogram}
+          />
         </section>
       </div>
     </div>