chore: Minor fix

app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue

@@ -9,7 +9,7 @@ import {
 } from 'vue';
 import { Letter } from 'vue-letter';
 import { allowedCssProperties } from 'lettersanitizer';
-import { useScrollLock } from '@vueuse/core';
+import { useScrollLock, useToggle } from '@vueuse/core';
 
 import Icon from 'next/icon/Icon.vue';
 import MessageMenu from 'dashboard/components-next/message/MessageMenu.vue';
@@ -39,7 +39,7 @@ const contentContainer = useTemplateRef('contentContainer');
 const emailMeta = useTemplateRef('emailMeta');
 
 // Forward form
-const showForwardMessageModal = ref(false);
+const [showForwardMessageModal, toggleForwardModal] = useToggle();
 const forwardFormPosition = reactive({ top: 0, right: 0 });
 const conversationPanelScrollLock = ref(null);
 
@@ -121,7 +121,7 @@ const handleSeeOriginal = () => {
 };
 
 const closeForwardModal = () => {
-  showForwardMessageModal.value = false;
+  toggleForwardModal(false);
   if (conversationPanelScrollLock.value)
     conversationPanelScrollLock.value.value = false;
 };
@@ -138,7 +138,7 @@ const openForwardModal = event => {
     forwardFormPosition.right = window.innerWidth - buttonRect.right - 9;
   }
 
-  showForwardMessageModal.value = true;
+  toggleForwardModal(true);
 };
 
 onUnmounted(() => {

app/javascript/dashboard/components-next/message/provider.js

@@ -101,7 +101,6 @@ const MessageControl = Symbol('MessageControl');
  * @property {import('vue').ComputedRef<boolean>} isMyMessage - Does the message belong to the current user
  * @property {import('vue').ComputedRef<boolean>} isPrivate - Proxy computed value for private
  * @property {import('vue').ComputedRef<boolean>} shouldGroupWithNext - Should group with the next message or not, it is different from groupWithNext, this has a bypass for a failed message
- * @property {import('vue').ComputedRef<EmailContent>} emailContent - Email content and metadata
  */
 
 /**