feat: recipient details

Signed-off-by: Sebastian <krupinski01@gmail.com>

src/pages/MailPage.vue

@@ -7,6 +7,7 @@ import { useCollectionsStore } from '@MailManager/stores/collectionsStore'
 import { useMailStore } from '@/stores/mailStore'
 import { useMailUiStore } from '@/stores/mailUiStore'
 import type { CollectionObject, EntityObject } from '@MailManager/models'
+import { ComposerMode } from '@/types/composer'
 import MessageList from '@/components/MessageList.vue'
 import MessageReader from '@/components/MessageReader.vue'
 import MessageComposer from '@/components/MessageComposer.vue'
@@ -43,16 +44,15 @@ const {
   sidebarVisible,
   settingsDialogVisible,
   selectedFolder,
-  composeMode,
-  composeSource,
-  composeVisible,
+  composerMode,
+  composerSource,
+  composerVisible,
   selectionList,
   selectionMode,
   moveMessagesDialogVisible,
   moveMessagesDialogService,
   createFolderDialogVisible,
   createFolderDialogService,
-  createFolderDialogParent,
   createFolderDialogLoading,
   createFolderDialogError,
   renameFolderDialogVisible,
@@ -62,7 +62,6 @@ const {
   renameFolderDialogError,
   moveFolderDialogVisible,
   moveFolderDialogService,
-  moveFolderDialogSource,
   deleteFolderDialogVisible,
   deleteFolderDialogService,
   deleteFolderDialogFolder,
@@ -149,13 +148,13 @@ const handleMessageOpen = (message: EntityObject) => {
   }
 }
 
-const handleMessageComposeFresh = () => mailUiStore.openCompose()
+const handleMessageComposeFresh = () => mailUiStore.openComposer()
 
-const handleMessageComposeReply = (message: EntityObject) => mailUiStore.openCompose(message, 'reply')
+const handleMessageComposeReply = (message: EntityObject) => mailUiStore.openComposer(message, ComposerMode.Reply)
 
-const handleMessageComposeForward = (message: EntityObject) => mailUiStore.openCompose(message, 'forward')
+const handleMessageComposeForward = (message: EntityObject) => mailUiStore.openComposer(message, ComposerMode.Forward)
 
-const handleMessageComposeClose = () => mailUiStore.closeCompose()
+const handleMessageComposeClose = () => mailUiStore.closeComposer()
 
 const handleMessageFlag = (message: EntityObject, flag: string, value: boolean) => {
   mailStore.flagMessages([message.identifier], { [flag]: value })
@@ -311,9 +310,9 @@ const handleMessageSelectionDelete = () => mailUiStore.deleteSelectedMessages()
           <!-- Reader/Composer panel -->
           <div class="mail-reader-panel">
             <MessageComposer
-              v-if="composeVisible"
-              :mode="composeMode"
-              :source="composeSource"
+              v-if="composerVisible"
+              :mode="composerMode"
+              :source="composerSource"
               :folder="selectedFolder"
               @close="handleMessageComposeClose"
             />