fix : affichage des absences dans les heures vue semaine + refacto

frontend/components/hours/HoursToolbar.vue

@@ -126,11 +126,23 @@
     <div v-if="isAdmin" class="w-80 max-w-full">
       <EmployeeNameFilterInput v-model="employeeFilter" />
     </div>
+
+    <div
+      v-if="isAdmin && viewMode === 'week' && absenceTypes.length > 0"
+      class="flex flex-wrap items-center gap-6"
+    >
+      <p class="font-bold">Légende :</p>
+      <div v-for="type in absenceTypes" :key="type.id" class="flex items-center gap-2">
+        <div :style="{ backgroundColor: type.color }" class="h-4 w-4 rounded"></div>
+        <p>{{ type.label }}</p>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import type { Site } from '~/services/dto/site'
+import type { AbsenceType } from '~/services/dto/absence-type'
 import EmployeeNameFilterInput from '~/components/EmployeeNameFilterInput.vue'
 import SiteFilterSelector from '~/components/SiteFilterSelector.vue'
 import { weekInputValueToYmd, ymdToWeekInputValue } from '~/utils/date'
@@ -143,6 +155,7 @@ const employeeFilter = defineModel<string>('employeeFilter', { required: true })
 defineProps<{
   isAdmin: boolean
   sites: Site[]
+  absenceTypes: AbsenceType[]
   formattedSelectedDate: string
   shortcutButtonClass: (target: 'yesterday' | 'today' | 'tomorrow') => string
   weekShortcutButtonClass: (target: 'previousWeek' | 'thisWeek' | 'nextWeek') => string