feat: Add title while linking the linear issue (#9529)

app/javascript/dashboard/components/widgets/conversation/linear/CreateOrLinkIssue.vue

@@ -25,30 +25,35 @@
       <div v-if="selectedTabIndex === 0" class="flex flex-col px-8 pb-4">
         <create-issue
           :account-id="accountId"
-          :conversation-id="conversationId"
+          :conversation-id="conversation.id"
+          :title="title"
           @close="onClose"
         />
       </div>
 
       <div v-else class="flex flex-col px-8 pb-4">
-        <link-issue :conversation-id="conversationId" @close="onClose" />
+        <link-issue
+          :conversation-id="conversation.id"
+          :title="title"
+          @close="onClose"
+        />
       </div>
     </div>
   </div>
 </template>
 <script setup>
 import { useI18n } from 'dashboard/composables/useI18n';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import LinkIssue from './LinkIssue.vue';
 import CreateIssue from './CreateIssue.vue';
 
-defineProps({
+const props = defineProps({
   accountId: {
     type: [Number, String],
     required: true,
   },
-  conversationId: {
-    type: [Number, String],
+  conversation: {
+    type: Object,
     required: true,
   },
 });
@@ -57,6 +62,14 @@ const { t } = useI18n();
 
 const selectedTabIndex = ref(0);
 
+const title = computed(() => {
+  const { meta: { sender: { name = null } = {} } = {} } = props.conversation;
+  return t('INTEGRATION_SETTINGS.LINEAR.LINK.LINK_TITLE', {
+    conversationId: props.conversation.id,
+    name,
+  });
+});
+
 const emits = defineEmits(['close']);
 
 const tabs = ref([