feat: Use vue-router on widget route management (#3415)

* feat: Add vue-router to widget

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

* Move to dynamic imports

* Move to routerMixin

* Fix popup button display

* Remove unnecessary import

* router -> route

* Fix open state

* Fix issues

* Remove used CSS

* Fix specs

* Fix specs

* Fix widgetColor specs

* Fix mutation specs

* Fixes broken lint errors

* Fixes issues with widget flow

Co-authored-by: Nithin <nithin@chatwoot.com>
Co-authored-by: Nithin David <1277421+nithindavid@users.noreply.github.com>
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>

app/javascript/widget/components/TeamAvailability.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="px-4">
+  <div class="px-5">
     <div class="flex items-center justify-between mb-4">
       <div class="text-black-700">
         <div class="text-base leading-5 font-medium mb-1">
@@ -22,7 +22,9 @@
       :text-color="textColor"
       @click="startConversation"
     >
-      {{ $t('START_CONVERSATION') }}
+      {{
+        hasConversation ? $t('CONTINUE_CONVERSATION') : $t('START_CONVERSATION')
+      }}
     </custom-button>
   </div>
 </template>
@@ -47,6 +49,10 @@ export default {
       type: Array,
       default: () => {},
     },
+    hasConversation: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     ...mapGetters({ widgetColor: 'appConfig/getWidgetColor' }),