feat: entity move

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

src/components/reader/ReaderToolbar.vue

@@ -17,6 +17,7 @@ const props = defineProps<Props>()
 const emit = defineEmits<{
   reply: []
   forward: []
+  move: []
   delete: []
   flag: []
   toggleImages: []
@@ -146,13 +147,31 @@ const currentSecurityLevel = computed(() => {
 
     <v-spacer />
 
-    <v-btn
-      icon="mdi-dots-vertical"
-      variant="text"
-    >
-      <v-icon>mdi-dots-vertical</v-icon>
-      <v-tooltip activator="parent" location="bottom">More Actions</v-tooltip>
-    </v-btn>
+    <v-menu>
+      <template #activator="{ props: menuProps }">
+        <v-btn
+          v-bind="menuProps"
+          icon="mdi-dots-vertical"
+          variant="text"
+        >
+          <v-icon>mdi-dots-vertical</v-icon>
+          <v-tooltip activator="parent" location="bottom">More Actions</v-tooltip>
+        </v-btn>
+      </template>
+
+      <v-list density="compact">
+        <v-list-item
+          prepend-icon="mdi-folder-move-outline"
+          title="Move To Folder"
+          @click="emit('move')"
+        />
+        <v-list-item
+          prepend-icon="mdi-delete-outline"
+          title="Delete"
+          @click="emit('delete')"
+        />
+      </v-list>
+    </v-menu>
   </v-toolbar>
 </template>