refactor: handle translation externally

app/javascript/dashboard/components/widgets/conversation/Message.vue

@@ -40,6 +40,7 @@
         <bubble-reply-to
           v-if="inReplyToMessageId"
           :content="inReplyTo.content"
+          :default-empty-message="$t('CONVERSATION.REPLY_MESSAGE_NOT_FOUND')"
           @click="navigateToMessage"
         />
         <bubble-text

app/javascript/dashboard/components/widgets/conversation/bubble/ReplyTo.vue

@@ -2,16 +2,18 @@
 import { computed } from 'vue';
 import { extractTextFromMarkdown } from 'dashboard/helper/editorHelper';
 
-const { content } = defineProps({
+const props = defineProps({
   content: {
     type: String,
     default: '',
   },
+  defaultEmptyMessage: {
+    type: String,
+    required: true,
+  },
 });
 
-const cleanedContent = computed(() => extractTextFromMarkdown(content));
-
-const defaultEmptyMessage = this.$t('CONVERSATION.REPLY_MESSAGE_NOT_FOUND');
+const cleanedContent = computed(() => extractTextFromMarkdown(props.content));
 </script>
 
 <template>