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.test.ts

@@ -227,12 +227,23 @@ describe('MalioSelectCheckbox', () => {
     expect(wrapper.get('[data-test="chevron"]').classes()).toContain('text-black')
   })
 
-  it('shows muted chevron color when disabled', () => {
+  it('hides the chevron when disabled', () => {
     const wrapper = mount(SelectCheckboxForTest, {
       props: {modelValue: ['fr'], options, disabled: true},
     })
 
-    expect(wrapper.get('[data-test="chevron"]').classes()).toContain('text-m-muted')
+    expect(wrapper.find('[data-test="chevron"]').exists()).toBe(false)
+  })
+
+  it('greys the label and the tags when disabled', () => {
+    const wrapper = mount(SelectCheckboxForTest, {
+      props: {modelValue: ['fr'], label: 'Pays', options, displayTag: true, disabled: true},
+    })
+
+    expect(wrapper.get('label').classes()).toContain('text-m-muted')
+    const tag = wrapper.findAll('span.inline-flex')[0]
+    expect(tag.classes()).toContain('text-black/60')
+    expect(tag.classes()).not.toContain('text-black')
   })
 
   it('shows danger chevron color on error even when open', async () => {