chore: improve moave and delete actions

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

src/components/MessageList.vue

@@ -260,29 +260,33 @@ const hasCountData = computed(() => {
         <div class="selection-actions">
           <v-btn
             size="small"
+            icon="mdi-folder-move-outline"
             variant="text"
-            prepend-icon="mdi-folder-move-outline"
             :disabled="!hasSelection"
             @click="emit('moveSelection')"
           >
-            Move
+            <v-icon>mdi-folder-move-outline</v-icon>
+            <v-tooltip activator="parent" location="bottom">Move Selected</v-tooltip>
           </v-btn>
           <v-btn
             size="small"
+            icon="mdi-delete-outline"
             variant="text"
-            prepend-icon="mdi-delete-outline"
             :disabled="!hasSelection"
             @click="emit('deleteSelection')"
           >
-            Delete
+            <v-icon>mdi-delete-outline</v-icon>
+            <v-tooltip activator="parent" location="bottom">Delete Selected</v-tooltip>
           </v-btn>
           <v-btn
             size="small"
+            icon="mdi-close"
             variant="text"
             :disabled="!hasSelection"
             @click="emit('clearSelection')"
           >
-            Clear
+            <v-icon>mdi-close</v-icon>
+            <v-tooltip activator="parent" location="bottom">Clear Selected</v-tooltip>
           </v-btn>
         </div>
       </div>