feat(#22): Use translation keys in files

legalconsenthub/app/components/TheComment.vue

@@ -23,9 +23,11 @@
     </UChatMessages>
   </template>
   <UTextarea v-model="commentTextAreaValue" class="w-full" />
-  <UButton v-if="!isEditingComment" class="my-3 lg:my-4" @click="submitComment(formElementId)"> Submit </UButton>
-  <UButton v-if="isEditingComment" class="my-3 lg:my-4" @click="updateEditComment"> Edit comment </UButton>
-  <UButton v-if="isEditingComment" class="my-3 lg:my-4" @click="cancelEditComment"> Cancel </UButton>
+  <UButton v-if="!isEditingComment" class="my-3 lg:my-4" @click="submitComment(formElementId)">
+    {{ $t('comments.submit') }}
+  </UButton>
+  <UButton v-if="isEditingComment" class="my-3 lg:my-4" @click="updateEditComment"> {{ $t('comments.edit') }} </UButton>
+  <UButton v-if="isEditingComment" class="my-3 lg:my-4" @click="cancelEditComment"> {{ $t('common.cancel') }} </UButton>
 </template>
 
 <script setup lang="ts">
@@ -50,11 +52,12 @@ const {
 } = commentActions
 
 function createChatMessageActions(comment: CommentDto) {
+  const { t: $t } = useI18n()
   const chatMessageActions = []
 
   if (isCommentByUser(comment)) {
     chatMessageActions.push({
-      label: 'Edit',
+      label: $t('comments.editAction'),
       icon: 'i-lucide-pencil',
       onClick: () => editComment(comment)
     })