fix: component style (#80)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

---------

Co-authored-by: admin malio <malio@yuno.malio.fr>
Co-authored-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
Co-authored-by: matthieu <matthieu@yuno.malio.fr>
Reviewed-on: #80
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

app/components/malio/select/SelectCheckbox.vue

@@ -65,15 +65,17 @@
             ? 'text-m-danger'
             : hasSuccess
               ? 'text-m-success'
-              : isReadonly
-                ? isOptionSelected
-                  ? 'text-black'
-                  : 'text-m-muted'
-                : isOpen
-                  ? 'text-m-primary'
-                  : isOptionSelected
+              : disabled
+                ? 'text-m-muted'
+                : isReadonly
+                  ? isOptionSelected
                     ? 'text-black'
-                    : 'text-m-muted',
+                    : 'text-m-muted'
+                  : isOpen
+                    ? 'text-m-primary'
+                    : isOptionSelected
+                      ? 'text-black'
+                      : 'text-m-muted',
           textLabel,
         ]"
         :style="labelTransformStyle"
@@ -89,7 +91,8 @@
         <span
           v-for="option in selectedOptions"
           :key="String(option.value)"
-          class="inline-flex max-w-full items-center rounded-md border border-black px-2 text-sm leading-none text-black"
+          class="inline-flex max-w-full items-center rounded-md border px-2 text-sm leading-none"
+          :class="disabled ? 'border-black/40 text-black/60' : 'border-black text-black'"
         >
           <span class="truncate pb-[2px]">{{ option.label }}</span>
         </span>
@@ -113,13 +116,14 @@
         :class="[
           textValue,
           label ? 'pl-24' : '',
-          isOptionSelected ? 'text-black' : 'text-m-muted'
+          disabled ? 'text-black/60' : isOptionSelected ? 'text-black' : 'text-m-muted'
         ]"
       >
         {{ selectionSummary }}
       </span>
 
       <span
+        v-if="!disabled"
         data-test="chevron"
         class="absolute right-3 top-1/2 -translate-y-1/2"
         :class="[