fix: Show twilio channel name based on medium (#3284)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue

@@ -2,7 +2,7 @@
   <div class="column content-box">
     <!-- List Canned Response -->
     <div class="row">
-      <div class="small-8 columns with-right-space ">
+      <div class="small-8 columns with-right-space">
         <p v-if="!inboxesList.length" class="no-items-error-message">
           {{ $t('INBOX_MGMT.LIST.404') }}
           <router-link
@@ -43,7 +43,7 @@
                   Twitter
                 </span>
                 <span v-if="item.channel_type === 'Channel::TwilioSms'">
-                  Twilio SMS
+                  {{ twilioChannelName(item) }}
                 </span>
                 <span v-if="item.channel_type === 'Channel::Whatsapp'">
                   Whatsapp
@@ -54,9 +54,7 @@
                 <span v-if="item.channel_type === 'Channel::Telegram'">
                   Telegram
                 </span>
-                <span v-if="item.channel_type === 'Channel::Line'">
+                <span v-if="item.channel_type === 'Channel::Line'">Line</span>
-                  Line
-                </span>
                 <span v-if="item.channel_type === 'Channel::Api'">
                   {{ globalConfig.apiChannelName || 'API' }}
                 </span>
@@ -177,6 +175,11 @@ export default {
     },
   },
   methods: {
+    twilioChannelName(item) {
+      const { medium = '' } = item;
+      if (medium === 'whatsapp') return 'WhatsApp';
+      return 'Twilio SMS';
+    },
     openSettings(inbox) {
       this.showSettings = true;
       this.selectedInbox = inbox;