feat : ajout des frais kms + alignment du style de l'application

frontend/composables/useEmployeeDetailPage.ts

@@ -6,7 +6,7 @@ export const useEmployeeDetailPage = () => {
   const route = useRoute()
   const employee = ref<Employee | null>(null)
   const isLoading = ref(false)
-  const activeTab = ref<'contract' | 'leave' | 'rtt'>('contract')
+  const activeTab = ref<'contract' | 'leave' | 'rtt' | 'mileage'>('contract')
 
   const showLeaveTab = computed(() => employee.value?.currentContractNature !== 'INTERIM')
   const showRttTab = computed(() => employee.value?.contract?.type !== CONTRACT_TYPES.FORFAIT)
@@ -38,11 +38,14 @@ export const useEmployeeDetailPage = () => {
 
       leave.resetLoaded()
       rtt.resetLoaded()
+      mileage.resetLoaded()
 
       if (activeTab.value === 'leave' && showLeaveTab.value) {
         await leave.loadLeaveData()
       } else if (activeTab.value === 'rtt' && showRttTab.value) {
         await rtt.loadRttData()
+      } else if (activeTab.value === 'mileage') {
+        await mileage.loadMileageData()
       }
     } finally {
       isLoading.value = false
@@ -52,12 +55,15 @@ export const useEmployeeDetailPage = () => {
   const contract = useEmployeeContract(employee, loadEmployee)
   const leave = useEmployeeLeave(employee, loadEmployee)
   const rtt = useEmployeeRtt(employee, loadEmployee)
+  const mileage = useEmployeeMileage(employee, loadEmployee)
 
   watch(activeTab, (tab) => {
     if (tab === 'leave' && !leave.leaveDataLoaded.value && showLeaveTab.value) {
       leave.loadLeaveData()
     } else if (tab === 'rtt' && !rtt.rttDataLoaded.value && showRttTab.value) {
       rtt.loadRttData()
+    } else if (tab === 'mileage' && !mileage.mileageDataLoaded.value) {
+      mileage.loadMileageData()
     }
   })
 
@@ -75,6 +81,7 @@ export const useEmployeeDetailPage = () => {
     employeeContractWorkLabel,
     ...contract,
     ...leave,
-    ...rtt
+    ...rtt,
+    ...mileage
   }
 }