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/modules/widget-preview/components/WidgetFooter.vue

@@ -45,7 +45,7 @@ export default {
 </template>
 
 <style scoped lang="scss">
-@import '~dashboard/assets/scss/variables.scss';
+@import 'dashboard/assets/scss/variables.scss';
 .footer-wrap {
   width: 100%;
   display: flex;

app/javascript/dashboard/modules/widget-preview/stories/Widget.stories.js

@@ -1,29 +0,0 @@
-import Widget from '../components/Widget';
-
-const ReplyTime = {
-  'In a few minutes': 'in_a_few_minutes',
-  'In a few hours': 'in_a_few_hours',
-  'In a few day': 'in_a_day',
-};
-
-export default {
-  title: 'components/Widget',
-  component: Widget,
-  argTypes: {
-    replyTime: {
-      control: {
-        type: 'select',
-        options: ReplyTime,
-      },
-    },
-  },
-};
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { Widget },
-  template: '<Widget v-bind="$props" />',
-});
-
-export const DefaultWidget = Template.bind({});
-DefaultWidget.args = {};