Add picto

src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte

@@ -3,6 +3,7 @@
   import { getSituationVariableValue, type Situation } from "$lib/situations"
   import { variableSummaryByName, type VariableValue } from "$lib/variables"
   import type { PopulationWithoutId } from "@openfisca/json-model"
+  import PictoBigPersonneACharge from "$lib/components/ui_transverse_components/pictos/PictoBigPersonneACharge.svelte"
 
   interface Props {
     situation: Situation
@@ -28,7 +29,7 @@
   let min = $derived(situation.sliders![0].min)
   let max = $derived(situation.sliders![0].max)
   let personSituation = $derived(
-    situation[personEntity.key_plural] as {
+    situation[personEntity.key_plural!] as {
       [populationId: string]: PopulationWithoutId
     },
   )
@@ -50,6 +51,11 @@
 </script>
 
 <div
-  class="pointer-events-none absolute inset-y-0 -translate-x-1/2 border-l border-neutral-600"
+  class="pointer-events-none absolute inset-y-0 inline -translate-x-1/2 border-l-2 border-neutral-600"
   style:left="{linePositionX}%"
-></div>
+>
+  <div class="relative" style:top="-50px" style:left="-20px">
+    <PictoBigPersonneACharge />
+  </div>
+  <div class="relative" style:top="-80px" style:left="20px">Cas type</div>
+</div>