feat: Add telegram user name in contact details (#10259)

Fixes https://linear.app/chatwoot/issue/CW-3648/chore-show-telegram-user-name-next-to-the-contact-details-if-available

app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue

@@ -85,9 +85,13 @@ export default {
       const {
         social_profiles: socialProfiles,
         screen_name: twitterScreenName,
+        social_telegram_user_name: telegramUsername,
       } = this.additionalAttributes;
-
-      return { twitter: twitterScreenName, ...(socialProfiles || {}) };
+      return {
+        twitter: twitterScreenName,
+        telegram: telegramUsername,
+        ...(socialProfiles || {}),
+      };
     },
     // Delete Modal
     confirmDeleteMessage() {

app/javascript/dashboard/routes/dashboard/conversation/contact/SocialIcons.vue

@@ -14,6 +14,7 @@ export default {
         { key: 'linkedin', icon: 'linkedin', link: 'https://linkedin.com/' },
         { key: 'github', icon: 'github', link: 'https://github.com/' },
         { key: 'instagram', icon: 'instagram', link: 'https://instagram.com/' },
+        { key: 'telegram', icon: 'telegram', link: 'https://t.me/' },
       ],
     };
   },
@@ -29,7 +30,7 @@ export default {
 
 <!-- eslint-disable-next-line vue/no-root-v-if -->
 <template>
-  <div v-if="availableProfiles.length" class="flex items-end mx-0 my-2 gap-3">
+  <div v-if="availableProfiles.length" class="flex items-end gap-3 mx-0 my-2">
     <a
       v-for="profile in availableProfiles"
       :key="profile.key"