feat: implement patch and settings store

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

src/components/MessageList.vue

@@ -29,6 +29,7 @@ const emit = defineEmits<{
   selectionClear: []
   selectionMove: []
   selectionDelete: []
+  selectionFlag: [flag: string, value: boolean]
 }>()
 
 const longPressTimer = ref<number | null>(null)
@@ -202,6 +203,13 @@ const clearLongPressTimer = () => {
   }
 }
 
+const handleFlag = (flag: string, value: boolean) => {
+  if (props.selectionMode && selectionCount.value > 0) {
+    emit('selectionFlag', flag, value)
+  }
+}
+
+
 onBeforeUnmount(() => {
   clearLongPressTimer()
 })
@@ -260,6 +268,16 @@ onBeforeUnmount(() => {
             <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-read"
+            variant="text"
+            :disabled="selectionCount === 0"
+            @click="handleFlag('read', true)"
+          >
+            <v-icon>mdi-read</v-icon>
+            <v-tooltip activator="parent" location="bottom">Mark as Read</v-tooltip>
+          </v-btn>
           <v-btn
             size="small"
             icon="mdi-close"