feat: enable conversation deletion

app/javascript/dashboard/components/widgets/conversation/contextMenu/Index.vue

@@ -45,6 +45,7 @@ export default {
     'assignAgent',
     'assignTeam',
     'assignLabel',
+    'deleteConversation',
   ],
   data() {
     return {
@@ -121,6 +122,11 @@ export default {
         icon: 'people-team-add',
         label: this.$t('CONVERSATION.CARD_CONTEXT_MENU.ASSIGN_TEAM'),
       },
+      deleteOption: {
+        key: 'delete',
+        icon: 'delete',
+        label: this.$t('CONVERSATION.CARD_CONTEXT_MENU.DELETE'),
+      },
     };
   },
   computed: {
@@ -178,6 +184,9 @@ export default {
     assignPriority(priority) {
       this.$emit('assignPriority', priority);
     },
+    deleteConversation() {
+      this.$emit('deleteConversation');
+    },
     show(key) {
       // If the conversation status is same as the action, then don't display the option
       // i.e.: Don't show an option to resolve if the conversation is already resolved.
@@ -277,5 +286,11 @@ export default {
         @click.stop="$emit('assignTeam', team)"
       />
     </MenuItemWithSubmenu>
+    <hr class="m-1 rounded border-b border-n-weak dark:border-n-weak" />
+    <MenuItem
+      :option="deleteOption"
+      variant="icon"
+      @click.stop="deleteConversation()"
+    />
   </div>
 </template>