Apply Mentions everywhere (#595)

* variables and mentions

* fix lint

* add missing changes

* fix tests

* update quilly, fix bugs

* fix lint

* apply fixes

* apply fixes

* Fix MentionParser

* Apply Mentions everywhere

* Fix MentionParserTest

* Small refactoring

* Fixing quill import issues

* Polished email integration, added customer sender mail

* Add missing changes

* improve migration command

---------

Co-authored-by: Frank <csskfaves@gmail.com>
Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/global/Modal.vue

@@ -4,8 +4,7 @@
       <div
         v-if="show"
         ref="backdrop"
-        class="fixed z-40 top-0 inset-0 px-2 sm:px-4 flex items-top justify-center bg-gray-700/75 w-full h-screen overflow-y-scroll"
-        :class="{ 'backdrop-blur-sm': backdropBlur }"
+        :class="[{ 'backdrop-blur-sm': backdropBlur }, twMerge('fixed z-40 top-0 inset-0 px-2 sm:px-4 flex items-top justify-center bg-gray-700/75 w-full h-screen overflow-y-scroll', $attrs.class)]"
         @click.self="close"
       >
         <div
@@ -95,6 +94,7 @@
 <script setup>
 import { watch } from 'vue'
 import { default as _has } from 'lodash/has'
+import {twMerge} from 'tailwind-merge'
 
 const props = defineProps({
   show: {