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/v3/views/auth/signup/components/Testimonials/Index.vue

@@ -26,22 +26,24 @@ export default {
 
 <template>
   <div
-    v-if="testimonials.length"
-    class="relative flex-1 hidden overflow-hidden bg-woot-400 dark:bg-woot-800 xl:flex"
+    v-show="testimonials.length"
+    class="relative flex-1 min-h-screen hidden overflow-hidden bg-woot-400 dark:bg-woot-800 xl:flex"
   >
     <img
-      src="/assets/images/auth/top-left.svg"
+      src="assets/images/auth/top-left.svg"
       class="absolute top-0 left-0 w-40 h-40"
     />
     <img
-      src="/assets/images/auth/bottom-right.svg"
+      src="assets/images/auth/bottom-right.svg"
       class="absolute bottom-0 right-0 w-40 h-40"
     />
     <img
-      src="/assets/images/auth/auth--bg.svg"
+      src="assets/images/auth/auth--bg.svg"
       class="h-[96%] left-[6%] top-[8%] w-[96%] absolute"
     />
-    <div class="z-50 flex flex-col items-center justify-center w-full h-full">
+    <div
+      class="z-50 flex flex-col items-center justify-center w-full h-full min-h-screen"
+    >
       <div class="flex items-start justify-center p-6">
         <TestimonialCard
           v-for="(testimonial, index) in testimonials"