Merge branch 'ajout-lien-tutoriel-graphiques-cas-types' into 'master'

Ajoute le lien vers la vidéo explicative du graphique + supprime section manuelle d'explication

See merge request leximpact/simulateur-socio-fiscal/leximpact-socio-fiscal-ui!261

src/routes/accueil/+page.svelte

@@ -712,6 +712,7 @@
       </div>
       <a
         href="https://dai.ly/k7pPDs4uaxsCxbBehSc?start=108"
+        target="_blank"
         class="font-sans inline-flex items-center gap-2 lx-link-uppercase mt-6"
         ><iconify-icon class="text-2xl" icon="twemoji:film-frames" />La feuille
         de paie expliquée en vidéo<iconify-icon
@@ -785,10 +786,31 @@
           constitue.
         </p>
       </div>
+      <div class="flex gap-4 justify-center lg:justify-start mt-10">
+        <button
+          class="mt-5 font-sans flex items-center gap-2 py-2 px-5 shadow-lg bg-le-bleu hover:bg-blue-800 active:bg-blue-900 rounded-md text-white text-sm font-bold tracking-[0.085em] uppercase"
+          on:click={() => (testCaseSelectModalOpen = true)}
+        >
+          Utiliser le graphique "cas types"<iconify-icon
+            class="ml-2 align-[-0.4rem] text-2xl"
+            icon="ri-arrow-right-line"
+          />
+        </button>
+      </div>
+      <a
+        href="https://dai.ly/x954yfm?start=20"
+        target="_blank"
+        class="text-base font-sans inline-flex items-center gap-2 lx-link-uppercase mt-6"
+        ><iconify-icon class="text-2xl" icon="twemoji:film-frames" />Le
+        graphique expliqué en vidéo<iconify-icon
+          class="text-xl"
+          icon="ri-external-link-line"
+        /></a
+      >
     </div>
 
     <div class="col-span-4 grid grid-cols-3 gap-12 bg-[#D7E2F4]">
-      <div
+      <!--  <div
         class="col-span-3 justify-self-center max-w-prose flex flex-col justify-center"
       >
         <h3 class=" text-2xl font-light text-center relative z-10">
@@ -852,18 +874,7 @@
           «&nbsp;Voir ce cas type sur un graphique faisant évoluer son revenu
           principal&nbsp;».
         </p>
-      </div>
-      <div class="flex justify-center col-span-3">
-        <button
-          class="mt-5 font-sans flex items-center gap-2 py-2 px-5 shadow-lg bg-le-bleu hover:bg-blue-800 active:bg-blue-900 rounded-md text-white text-sm font-bold tracking-[0.085em] uppercase"
-          on:click={() => (testCaseSelectModalOpen = true)}
-        >
-          Utiliser les graphiques<iconify-icon
-            class="ml-2 align-[-0.4rem] text-2xl"
-            icon="ri-arrow-right-line"
-          />
-        </button>
-      </div>
+      </div> -->
     </div>
   </section>
   <section