[#MUI-15] Création d'un composant drawer (#21)

| 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é

Reviewed-on: #21
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

COMPONENTS.md

@@ -355,3 +355,32 @@ Barre latérale de navigation rétractable.
   <template #logo-collapsed><img src="/logo-small.png" /></template>
 </MalioSidebar>
 ```
+
+---
+
+## MalioDrawer
+
+Panneau latéral (drawer) qui s'ouvre depuis la droite avec backdrop semi-transparent.
+
+| Prop | Type | Défaut | Description |
+|------|------|--------|-------------|
+| `id` | `string` | auto | Identifiant HTML |
+| `modelValue` | `boolean` | `undefined` | État ouvert/fermé (v-model) |
+| `title` | `string` | `''` | Titre affiché dans le header |
+| `showClose` | `boolean` | `true` | Afficher le bouton de fermeture (croix) |
+| `drawerClass` | `string` | `''` | Classes CSS panneau (twMerge) |
+
+**Events :** `update:modelValue(value: boolean)`
+**Slots :** `default` (contenu du drawer)
+
+```vue
+<MalioDrawer v-model="isOpen" title="Détails">
+  <p>Contenu du drawer</p>
+</MalioDrawer>
+<MalioDrawer v-model="isOpen" title="Sans croix" :show-close="false">
+  <p>Fermeture uniquement via backdrop</p>
+</MalioDrawer>
+<MalioDrawer v-model="isOpen" title="Large" drawer-class="max-w-2xl">
+  <p>Drawer plus large</p>
+</MalioDrawer>
+```