fix(absences) : dates du drawer employé en pleine largeur (1 par ligne)

Dans le drawer « Informations employé », les champs Date d'embauche et
Date de sortie étaient sur une grille 2 colonnes : le popover du
calendrier MalioDate, coincé en demi-largeur, chevauchait le champ
voisin. Passage en pleine largeur (sm:col-span-2) pour laisser le
calendrier s'afficher correctement.

frontend/components/absence/EmployeeDrawer.vue

@@ -7,16 +7,22 @@
             </div>
         </template>
         <form v-if="user" class="grid grid-cols-1 gap-4 sm:grid-cols-2" @submit.prevent="save">
-            <MalioDate
+            <!-- Dates en pleine largeur (1 par ligne) : le popover du calendrier
-                v-model="form.hireDate"
+                 a besoin de toute la largeur pour s'afficher correctement. -->
-                :label="$t('absences.admin.employees.fields.hireDate')"
+            <div class="sm:col-span-2">
-                group-class="w-full"
+                <MalioDate
-            />
+                    v-model="form.hireDate"
-            <MalioDate
+                    :label="$t('absences.admin.employees.fields.hireDate')"
-                v-model="form.endDate"
+                    group-class="w-full"
-                :label="$t('absences.admin.employees.fields.endDate')"
+                />
-                group-class="w-full"
+            </div>
-            />
+            <div class="sm:col-span-2">
+                <MalioDate
+                    v-model="form.endDate"
+                    :label="$t('absences.admin.employees.fields.endDate')"
+                    group-class="w-full"
+                />
+            </div>
             <MalioSelect
                 v-model="form.contractType"
                 :label="$t('absences.admin.employees.fields.contractType')"