:sparkles: Implemented logout

frontend/src/components/MainNav.vue

         w-button.pa8(disabled)
             w-icon.mr1.icon-cog(xl :class="{ 'icon-selected': $route.path === '/settings' }")
             //- p.text-upper settings
+    w-button.pa4(v-if="!$route.params.pid" bg-color='transparent' @click="$emit('log-out')")
+            w-icon.mr1.icon-lock(xl)
 </template>
 
 <script>
 
     .w-button
         background-color: $dark-grey
-    
+
     .icon-selected
         color: $light-green
-    
+
     a
         color:$light-grey
 </style>
-

frontend/src/services/login.service.js

     }
     logout() {
         console.warn('[Login Service warn]: Logging out:', this.id.value)
+        this._loading.value = true
+        this._profile = null
         this.id.value = null
+        this.groupings = []
+        this.queue = []
+        this.responses = []
+        this.tags = []
         if (this.toaster) {
             this.toaster.stop()
         }
         if (this.chatter) {
             this.chatter.stop()
         }
+        this.toaster = null
+        this.chatter = null
+        this._loading.value = false
     }
 
     async getTags() {

frontend/src/views/HomeView.vue

 
         template(v-else-if='cards.length === 0')
             p No profiles in match_queue.
-    MainNav
+    MainNav(@log-out='logout')
 </template>
 
 <script>
             )
             this.fetchedCards.push(...newQueue) // update fetchedCards => recalculate cards
         },
+        async logout() {
+            if (currentProfile.isLoggedIn) {
+                currentProfile.logout()
+            }
+            document.cookie = `siimee_access=''; max-age=600; path=/; secure`
+            this.$router.push('/onboarding')
+        },
         // this can be placed in utils/notification.js
         notify(payload) {
             notificationOpts.message = payload