feat(heures) : calendrier des jours validés (vue Jour) + harmonisation Malio UI

- Calendrier MalioDate en vue Jour (Heures + Heures Conducteurs) : jours
  entièrement validés (admin) peints en vert. Endpoint GET
  /work-hours/validation-status?from=&to=[&driver=1] (scope conducteur inversé),
  chargement à la volée par mois, refresh après validation/saisie/absence.
- Suite à @malio/layer-ui 1.7.11 : reserveMessageSpace=false sur les champs ;
  tous les drawers migrés sur MalioDrawer (titre via slot #header, AppDrawer
  custom supprimé) ; boutons d'action en MalioButton (deux boutons partagent
  l'espace) ; inputs date en MalioDate ; MalioDateWeek en vue Semaine.
- Boutons d'ajout uniformisés sur « Ajouter » + icône.
- .env : EXCLUDED_PUBLIC_HOLIDAYS="null".
- Doc : doc/hours-validated-days.md, documentation-content.ts, CLAUDE.md.

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

frontend/components/AbsencePrintDrawer.vue

@@ -1,36 +1,28 @@
 <template>
-    <AppDrawer v-model="drawerOpen" title="Imprimer les absences">
+    <MalioDrawer v-model="drawerOpen">
+        <template #header>
+            <h2 class="text-[32px] font-semibold text-primary-500">Imprimer les absences</h2>
+        </template>
         <form class="space-y-4" @submit.prevent="handleSubmit">
-            <div class="grid grid-cols-2 gap-4">
-                <div>
-                    <label class="text-md font-semibold text-neutral-700" for="print-from">
-                        Date de début <span class="text-red-600">*</span>
-                    </label>
-                    <input
-                        id="print-from"
-                        v-model="printForm.from"
-                        type="date"
-                        :class="fromFieldClass"
-                    />
-                    <p v-if="showFromError" class="mt-1 text-sm text-red-600">
-                        La date de début est obligatoire.
-                    </p>
-                </div>
-                <div>
-                    <label class="text-md font-semibold text-neutral-700" for="print-to">
-                        Date de fin <span class="text-red-600">*</span>
-                    </label>
-                    <input
-                        id="print-to"
-                        v-model="printForm.to"
-                        type="date"
-                        :class="toFieldClass"
-                    />
-                    <p v-if="showToError" class="mt-1 text-sm text-red-600">
-                        La date de fin est obligatoire.
-                    </p>
-                </div>
-            </div>
+            <MalioDate
+                v-model="printForm.from"
+                label="Date de début"
+                required
+                :clearable="false"
+                :reserve-message-space="false"
+                :error="showFromError ? 'La date de début est obligatoire.' : ''"
+                group-class="w-full"
+            />
+
+            <MalioDate
+                v-model="printForm.to"
+                label="Date de fin"
+                required
+                :clearable="false"
+                :reserve-message-space="false"
+                :error="showToError ? 'La date de fin est obligatoire.' : ''"
+                group-class="w-full"
+            />
 
             <div class="space-y-2">
                 <p class="text-md font-semibold text-neutral-700">
@@ -97,21 +89,19 @@
             </div>
 
             <div class="flex justify-center pt-2">
-                <button
-                    type="submit"
-                    class="flex w-[200px] items-center justify-center gap-2 rounded-md bg-primary-500 px-4 py-2 text-md font-semibold text-white hover:bg-secondary-500"
-                    :class="submitButtonClass"
-                >
-                    Imprimer
-                </button>
+                <MalioButton
+                    label="Imprimer"
+                    variant="primary"
+                    :button-class="submitButtonClass"
+                    @click="handleSubmit"
+                />
             </div>
         </form>
-    </AppDrawer>
+    </MalioDrawer>
 </template>
 
 <script setup lang="ts">
 import { computed, reactive, toRef, watch } from 'vue'
-import AppDrawer from '~/components/AppDrawer.vue'
 
 type SiteOption = {
     id: number
@@ -190,21 +180,6 @@ const showSitesError = computed(() => validationTouched.sites && !isSitesValid.v
 const showContractNaturesError = computed(() => validationTouched.contractNatures && !isContractNaturesValid.value)
 const showWorkContractsError = computed(() => validationTouched.workContracts && !isWorkContractsValid.value)
 
-const baseInputClass =
-    'mt-2 w-full rounded-md border px-3 py-2 text-md text-neutral-900'
-const fromFieldClass = computed(() => {
-    if (showFromError.value) {
-        return `${baseInputClass} border-red-500`
-    }
-    return `${baseInputClass} border-neutral-300`
-})
-const toFieldClass = computed(() => {
-    if (showToError.value) {
-        return `${baseInputClass} border-red-500`
-    }
-    return `${baseInputClass} border-neutral-300`
-})
-
 const submitButtonClass = computed(() => {
     if (!isFormValid.value) {
         return 'opacity-50 cursor-not-allowed'