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/WootWriter/ReplyTopPanel.vue

@@ -1,6 +1,7 @@
 <script>
 import { useKeyboardEvents } from 'dashboard/composables/useKeyboardEvents';
 import { REPLY_EDITOR_MODES, CHAR_LENGTH_WARNING } from './constants';
+
 export default {
   name: 'ReplyTopPanel',
   props: {
@@ -106,7 +107,7 @@ export default {
       icon="dismiss"
       color-scheme="secondary"
       class-names="popout-button"
-      @click="$emit('click')"
+      @click="$emit('togglePopout')"
     />
     <woot-button
       v-else
@@ -114,7 +115,7 @@ export default {
       icon="resize-large"
       color-scheme="secondary"
       class-names="popout-button"
-      @click="$emit('click')"
+      @click="$emit('togglePopout')"
     />
   </div>
 </template>