feat: import validators from the new library

app/javascript/dashboard/components/widgets/AICTAModal.vue

@@ -38,7 +38,7 @@
 
 <script>
 import { useVuelidate } from '@vuelidate/core';
-import { required } from 'vuelidate/lib/validators';
+import { required } from '@vuelidate/validators';
 import { mapGetters } from 'vuex';
 import aiMixin from 'dashboard/mixins/aiMixin';
 import { useAlert } from 'dashboard/composables';

app/javascript/dashboard/components/widgets/conversation/EmailTranscriptModal.vue

@@ -77,7 +77,7 @@
 
 <script>
 import { useVuelidate } from '@vuelidate/core';
-import { required, minLength, email } from 'vuelidate/lib/validators';
+import { required, minLength, email } from '@vuelidate/validators';
 import { useAlert } from 'dashboard/composables';
 export default {
   props: {

app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/TemplateParser.vue

@@ -42,7 +42,7 @@
 
 <script>
 import { useVuelidate } from '@vuelidate/core';
-import { requiredIf } from 'vuelidate/lib/validators';
+import { requiredIf } from '@vuelidate/validators';
 const allKeysRequired = value => {
   const keys = Object.keys(value);
   return keys.every(key => value[key]);

app/javascript/dashboard/components/widgets/conversation/helpers/emailHeadHelper.js

@@ -1,4 +1,4 @@
-import emailValidator from 'vuelidate/lib/validators/email';
+import { email as emailValidator } from '@vuelidate/validators';
 
 export const validEmailsByComma = value => {
   if (!value.length) return true;

app/javascript/dashboard/components/widgets/modal/ConfirmDeleteModal.vue

@@ -24,7 +24,7 @@
 
 <script>
 import { useVuelidate } from '@vuelidate/core';
-import { required } from 'vuelidate/lib/validators';
+import { required } from '@vuelidate/validators';
 import Modal from '../../Modal.vue';
 export default {
   components: {