design titre cas types comparés et non-comparés

src/lib/components/test_cases/TestCaseRelatedCarousel.svelte

@@ -142,7 +142,7 @@
         value={indices.join("_")}
       >
         <button
-          class="group w-full self-start text-start"
+          class="group w-full self-start"
           on:click={() => {
             if (!isTestCaseSelected) {
               dispatch("changeTestCase", indices)
@@ -190,12 +190,34 @@
               </div>
             {/each}
           </div>
+          <div
+            class="flex justify-center text-center mx-3 tracking-wide items-center"
+          >
             <span
-            class="text-sm 2xl:text-base"
+              class="text-base 2xl:text-lg"
               class:group-hover:text-le-vert-800={!isTestCaseSelected}
+              ><span
+                class="hidden"
+                class:odd:inline-flex={situations.length === 2}
+                ><span>
+                  <iconify-icon
+                    icon="ri-user-shared-2-fill"
+                    class="align-[-0.1rem] text-lg"
+                  />
+                  <iconify-icon
+                    icon="ri-user-line"
+                    class="-ml-1 mr-1 align-[-0.1rem] text-lg"
+                  />
+                </span>Comparaison&nbsp;:</span
               >
+              <iconify-icon
+                icon="ri-user-line"
+                class="inline-flex align-[-0.1rem] text-lg"
+                class:hidden={situations.length === 2}
+              />
               {title}
             </span>
+          </div>
         </button>
         {#if isTestCaseSelected}
           <span