Add CSG retraite parameters sections

src/lib/components/budget/LawEdit.svelte

@@ -257,7 +257,7 @@
     <h1
       class="bg-le-gris-dispositif-ultralight text-black flex justify-between py-2 text-lg px-5 rounded-r shadow-inner mr-5 font-serif"
     >
-      Part CSG imposable
+      Part CSG activité imposable
     </h1>
     <!-- <VariableHeader {decomposition} variable={csg_imposable_salaire} /> -->
     <h2>
@@ -281,7 +281,7 @@
       <h1
         class="bg-le-gris-dispositif-ultralight text-black flex justify-between py-2 text-lg px-5 rounded-r shadow-inner mr-5 font-serif"
       >
-        Part CSG déductible
+        Part CSG activité déductible
       </h1>
       <!-- <VariableHeader {decomposition} variable={csg_deductible_salaire} /> -->
       <ul class="mr-5">
@@ -316,4 +316,50 @@
     c'est à dire déduite du revenu imposable. Ses taux varient selon le revenu
     du ménage : quotient familial et revenu fiscal de référence.
   </p>
+
+  <!-- CSG retraite imposable -->
+  <h1
+    class="bg-le-gris-dispositif-ultralight text-black flex justify-between py-2 text-lg px-5 rounded-r shadow-inner mr-5 font-serif"
+  >
+    Part CSG retraite imposable
+  </h1>
+  <!-- <VariableHeader {decomposition} variable={csg_imposable_retraite} /> -->
+  <h2>
+    <ul class="mr-5">
+      {#each Object.values(rootParameterImposableById).sort( (parameter1, parameter2) => (parameter1.class === parameter2.class || (parameter1.class !== ParameterClass.Node && parameter2.class !== ParameterClass.Node) ? parameter1.title.localeCompare(parameter2.title) : parameter1.class === ParameterClass.Node ? 1 : -1), ) as parameter}
+        <li>
+          {#if parameter.class === ParameterClass.Node}
+            <VariableReferredNodeParameter {date} depth={0} {parameter} />
+          {:else if parameter.class === ParameterClass.Value}
+            <VariableReferredValueParameter {date} depth={0} {parameter} />
+          {:else if parameter.class === ParameterClass.Scale}
+            <VariableReferredScaleParameter {date} depth={0} {parameter} />
+          {/if}
+        </li>
+      {/each}
+    </ul>
+
+    <br />
+
+    <!-- CSG retraite déductible -->
+    <h1
+      class="bg-le-gris-dispositif-ultralight text-black flex justify-between py-2 text-lg px-5 rounded-r shadow-inner mr-5 font-serif"
+    >
+      Part CSG retraite déductible
+    </h1>
+    <!-- <VariableHeader {decomposition} variable={csg_deductible_retraite} /> -->
+    <ul class="mr-5">
+      {#each Object.values(rootParameterDeductibleById).sort( (parameter1, parameter2) => (parameter1.class === parameter2.class || (parameter1.class !== ParameterClass.Node && parameter2.class !== ParameterClass.Node) ? parameter1.title.localeCompare(parameter2.title) : parameter1.class === ParameterClass.Node ? 1 : -1), ) as parameter}
+        <li>
+          {#if parameter.class === ParameterClass.Node}
+            <VariableReferredNodeParameter {date} depth={0} {parameter} />
+          {:else if parameter.class === ParameterClass.Value}
+            <VariableReferredValueParameter {date} depth={0} {parameter} />
+          {:else if parameter.class === ParameterClass.Scale}
+            <VariableReferredScaleParameter {date} depth={0} {parameter} />
+          {/if}
+        </li>
+      {/each}
+    </ul>
+  </h2>
 </section>