feat(sidebar) : hover texte m-primary sur les liens de navigation

Les liens passent le texte en m-primary au survol (hover:text-m-primary),
en plus du fond hover:bg-m-surface existant. Inclut l'alignement du test de
largeur sur la valeur actuelle (w-[232px]).

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

CHANGELOG.md

@@ -58,6 +58,7 @@ Liste des évolutions de la librairie Malio layer UI
 * [#MUI-45] MalioDate : prop `markedDates` (`Record<"YYYY-MM-DD", 'success' | 'danger'>`) appliquant un fond tokenisé par jour dans la grille (générique, fourni par le consommateur ; précédence sélection/`today` > variante marquée > défaut) + event `month-change` (`{ month: 0-11, year }`) émis à l'ouverture du popover et à chaque navigation de mois. Sert l'écran *Heures* de SIRH (jours validés en vert, chargement du mois visible à la volée).
 
 ### Changed
+* Sidebar : les liens de navigation passent le **texte en `m-primary` au survol** (`hover:text-m-primary`, en plus du fond `hover:bg-m-surface` existant).
 * DataTable : libellés de pagination en français — `Préc.` / `Suiv.` (étaient `Prev` / `Next`) ; aria-labels déjà en français inchangés.
 * MalioButton : dimensions par défaut `w-[180px]` / `h-[38px]` (étaient `w-[200px]` / `h-[40px]`).
 * DataTable : tailles par défaut revues — texte header `16px` (était `20px`), texte body `14px` (était `18px`), sélecteur de lignes et boutons de pagination (Prev / numéros / Next) alignés à `30px` de haut, padding de `12px` entre le bas du tableau et la barre de pagination, texte header et body passés en noir (`text-black`, étaient `text-m-primary`).

app/components/malio/sidebar/Sidebar.test.ts

@@ -62,7 +62,7 @@ describe('MalioSidebar', () => {
   it('renders expanded by default', () => {
     const wrapper = mountComponent({sections})
     const aside = wrapper.find('aside')
-    expect(aside.classes()).toContain('w-[280px]')
+    expect(aside.classes()).toContain('w-[232px]')
   })
 
   it('renders section labels with icons when expanded', () => {
@@ -89,6 +89,12 @@ describe('MalioSidebar', () => {
     expect(links[2].attributes('href')).toBe('/fournisseurs')
   })
 
+  it('applique un hover primary sur le texte des liens', () => {
+    const wrapper = mountComponent({sections})
+    const link = wrapper.find('a')
+    expect(link.classes()).toContain('hover:text-m-primary')
+  })
+
   it('renders section icons via IconifyIcon', () => {
     const wrapper = mountComponent({sections})
     const icons = wrapper.findAllComponents(IconifyIcon)

app/components/malio/sidebar/Sidebar.vue

@@ -54,7 +54,7 @@
             <NuxtLink
               :to="item.to"
               :class="twMerge(
-                'block truncate rounded-md text-[15px] text-m-text text-black transition-colors hover:bg-m-surface leading-[150%]',
+                'block truncate rounded-md text-[15px] text-m-text text-black transition-colors hover:bg-m-surface hover:text-m-primary leading-[150%]',
                 collapsed ? 'px-3 text-center' : 'pl-[32px]',
               )"
             >