Better back functionality

src/components/HomeCard.vue

@@ -16,13 +16,15 @@
       <ion-button @click="update">Update</ion-button>
       <br>
       <ion-button @click="archive">View older versions</ion-button>
+      <br>
+      <ion-button @click="settings">Settings</ion-button>
     </ion-card-content>
   </ion-card>
 </template>
 <script setup lang="ts">
 import {IonButton, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle} from "@ionic/vue";
 
-const emit = defineEmits<{(e: 'update'): void, (e: 'archive'): void, (e: "disconnect"): void}>();
+const emit = defineEmits<{(e: 'update'): void, (e: 'archive'): void, (e: "disconnect"): void, (e: "settings"): void}>();
 
 const update = () => {
   emit("update");
@@ -36,6 +38,10 @@ const disconnect = () => {
   emit("disconnect");
 };
 
+const settings = () => {
+  emit("settings")
+}
+
 </script>
 
 <style scoped>
@@ -45,4 +51,4 @@ const disconnect = () => {
   flex-direction: row;
   flex-wrap: wrap;
 }
-</style>
+</style>