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/OnboardingFeatureCard.vue

@@ -31,7 +31,9 @@ defineProps({
   <div
     class="h-full w-full bg-white dark:bg-slate-900 border border-slate-100 dark:border-white/10 rounded-lg p-4 flex flex-col"
   >
-    <img :src="imageSrc" :alt="imageAlt" class="h-36 w-auto mx-auto" />
+    <div class="flex-1 flex items-center justify-center">
+      <img :src="imageSrc" :alt="imageAlt" class="h-36 w-auto mx-auto" />
+    </div>
     <div class="mt-auto">
       <p
         class="text-base text-slate-800 dark:text-slate-100 font-interDisplay font-semibold tracking-[0.3px]"
@@ -47,7 +49,7 @@ defineProps({
         class="no-underline text-woot-500 text-sm font-medium"
       >
         <span>{{ linkText }}</span>
-        <span>{{ `→` }}</span>
+        <span class="ml-2">{{ `→` }}</span>
       </router-link>
     </div>
   </div>