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/widget/components/ImageBubble.vue

@@ -9,9 +9,6 @@ export default {
     onImgError() {
       this.$emit('error');
     },
-    onClick() {
-      this.$emit('click');
-    },
   },
 };
 </script>
@@ -24,19 +21,14 @@ export default {
     class="image"
   >
     <div class="wrap">
-      <img
-        :src="thumb"
-        alt="Picture message"
-        @click="onClick"
-        @error="onImgError"
-      />
+      <img :src="thumb" alt="Picture message" @error="onImgError" />
       <span class="time">{{ readableTime }}</span>
     </div>
   </a>
 </template>
 
 <style lang="scss" scoped>
-@import '~widget/assets/scss/variables.scss';
+@import 'widget/assets/scss/variables.scss';
 
 .image {
   display: block;