feat(sidebar) : slots footer / footer-collapsed collés en bas

Ajoute deux slots `footer` et `footer-collapsed` à MalioSidebar pour
afficher un contenu en bas (profil, déconnexion, version…). Le footer
est toujours collé en bas grâce au `flex-1` de la nav et reste visible
quand la liste de liens scrolle. Bordure haute m-primary en mode déplié,
à l'image du bloc logo.

Tests, page playground, story et docs (COMPONENTS + CHANGELOG) mis à jour.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

.playground/pages/composant/sidebar/sidebar.vue

@@ -10,6 +10,18 @@
       <template #logo-collapsed>
         <img src="/LOGO_MALIO_COLLAPSED.png" alt="Malio" />
       </template>
+      <template #footer>
+        <div class="flex items-center gap-3">
+          <Icon name="mdi:account-circle" size="32" class="text-m-primary" />
+          <div class="leading-tight">
+            <p class="text-[14px] font-semibold text-m-text">Tristan</p>
+            <p class="text-[12px] text-m-muted">Administrateur</p>
+          </div>
+        </div>
+      </template>
+      <template #footer-collapsed>
+        <Icon name="mdi:account-circle" size="28" class="mx-auto block text-m-primary" />
+      </template>
     </MalioSidebar>
 
     <MalioSidebar
@@ -22,6 +34,18 @@
       <template #logo-collapsed>
         <img src="/LOGO_MALIO_COLLAPSED.png" alt="Malio" />
       </template>
+      <template #footer>
+        <button
+          type="button"
+          class="flex w-full items-center gap-2 text-[15px] text-m-text hover:text-m-primary"
+        >
+          <Icon name="mdi:logout" size="20" />
+          Déconnexion
+        </button>
+      </template>
+      <template #footer-collapsed>
+        <Icon name="mdi:logout" size="20" class="mx-auto block text-m-text" />
+      </template>
     </MalioSidebar>
   </div>
 </template>