fix: use dynamic import for the handlebars

Author: yaroslav8765

custom/imageGenerator.vue

@@ -210,7 +210,6 @@ import { callAdminForthApi } from '@/utils';
 import { useI18n } from 'vue-i18n';
 import adminforth from '@/adminforth';
 import { ProgressBar } from '@/afcl';
-import * as Handlebars from 'handlebars';
 import { IconCloseOutline } from '@iconify-prerendered/vue-flowbite';
 import { Tooltip, Skeleton } from '@/afcl'
 import { useRoute } from 'vue-router';
@@ -245,6 +244,7 @@ onMounted(async () => {
   }
   // iterate over all variables in template and replace them with their values from props.record[field]. 
   // if field is not present in props.record[field] then replace it with empty string and drop warning
+  const { default: Handlebars } = await import('handlebars');
   const tpl = Handlebars.compile(template);
   const compiledTemplate = tpl(props.record);
   prompt.value = compiledTemplate;