feat : ajustements visuels du datepicker selon maquette (#MUI-33)

- nouveau token couleur m-primary-light (#EFEFFD)
- popover en largeur du champ, shadow au lieu de bordure, collé au champ
- frames semaine (35x45) et jours alignés à 45px, cercle centré, font-medium
- colonne semaine étroite + marge, numéros en black/60 (semaine courante en black)
- vue mois en toutes lettres sur 3 colonnes, blocs 45px
- label bleu et grossissement calibré du champ à l'ouverture
- header sans hover, chevrons et titre plaqués en haut

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

app/components/malio/date/internal/CalendarHeader.vue

@@ -1,44 +1,44 @@
 <template>
-  <div class="flex h-12 items-center justify-between border-b border-m-primary/20 px-2">
+  <div class="flex h-[36px] justify-between border-b border-black/60 mb-3">
     <button
       type="button"
       data-test="header-prev"
-      class="rounded p-2 hover:bg-m-primary/10"
+      class="ml-2 flex self-start rounded"
       :aria-label="viewMode === 'days' ? 'Mois précédent' : 'Année précédente'"
       @click="emit('prev')"
     >
       <Icon
         icon="mdi:chevron-left"
-        :width="20"
-        :height="20"
+        :width="25"
+        :height="25"
       />
     </button>
 
     <button
       type="button"
       data-test="header-toggle"
-      class="flex items-center gap-1 rounded px-2 py-1 text-base font-medium hover:bg-m-primary/10"
+      class="flex gap-1 rounded text-base font-medium"
       @click="emit('toggle-view')"
     >
-      {{ label }}
+      <span class="mt-[2px]">{{ label }}</span>
       <Icon
         icon="mdi:chevron-down"
-        :width="16"
-        :height="16"
+        :width="25"
+        :height="25"
       />
     </button>
 
     <button
       type="button"
       data-test="header-next"
-      class="rounded p-2 hover:bg-m-primary/10"
+      class="mr-2 flex self-start rounded"
       :aria-label="viewMode === 'days' ? 'Mois suivant' : 'Année suivante'"
       @click="emit('next')"
     >
       <Icon
         icon="mdi:chevron-right"
-        :width="20"
-        :height="20"
+        :width="25"
+        :height="25"
       />
     </button>
   </div>