feat: Vite + vue 3 💚 (#10047)

Fixes https://github.com/chatwoot/chatwoot/issues/8436
Fixes https://github.com/chatwoot/chatwoot/issues/9767
Fixes https://github.com/chatwoot/chatwoot/issues/10156
Fixes https://github.com/chatwoot/chatwoot/issues/6031
Fixes https://github.com/chatwoot/chatwoot/issues/5696
Fixes https://github.com/chatwoot/chatwoot/issues/9250
Fixes https://github.com/chatwoot/chatwoot/issues/9762

---------

Co-authored-by: Pranav <pranavrajs@gmail.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

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

@@ -46,10 +46,12 @@ export default {
       return [
         {
           key: 'messages',
+          index: 0,
           name: this.$t('CONVERSATION.DASHBOARD_APP_TAB_MESSAGES'),
         },
-        ...this.dashboardApps.map(dashboardApp => ({
+        ...this.dashboardApps.map((dashboardApp, index) => ({
           key: `dashboard-${dashboardApp.id}`,
+          index: index + 1,
           name: dashboardApp.title,
         })),
       ];
@@ -112,6 +114,7 @@ export default {
       <woot-tabs-item
         v-for="tab in dashboardAppTabs"
         :key="tab.key"
+        :index="tab.index"
         :name="tab.name"
         :show-badge="false"
       />