feat(#22): Use translation keys in files

legalconsenthub/app/components/FormStepperWithNavigation.vue

@@ -30,7 +30,7 @@
 
     <div class="flex gap-2 justify-between">
       <UButton leading-icon="i-lucide-arrow-left" :disabled="!stepper?.hasPrev" @click="handleNavigate('backward')">
-        Prev
+        {{ $t('applicationForms.navigation.previous') }}
       </UButton>
 
       <UButton
@@ -40,15 +40,15 @@
         size="lg"
         @click="handleNavigate('forward')"
       >
-        Next
+        {{ $t('applicationForms.navigation.next') }}
       </UButton>
 
       <div v-if="!stepper?.hasNext" class="flex flex-wrap items-center gap-1.5">
         <UButton trailing-icon="i-lucide-save" :disabled="disabled" variant="outline" size="lg" @click="emit('save')">
-          Save
+          {{ $t('applicationForms.navigation.save') }}
         </UButton>
         <UButton trailing-icon="i-lucide-send-horizontal" :disabled="disabled" size="lg" @click="emit('submit')">
-          Submit
+          {{ $t('applicationForms.navigation.submit') }}
         </UButton>
       </div>
     </div>