web: implement logout button

web/components.d.ts

@@ -7,6 +7,10 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    ActionToolbar: typeof import('./src/components/actionToolbar.vue')['default']
+    CategoryContainer: typeof import('./src/components/CategoryContainer.vue')['default']
+    HeaderBar: typeof import('./src/components/HeaderBar.vue')['default']
+    ListViewElement: typeof import('./src/components/ListViewElement.vue')['default']
     LoginPage: typeof import('./src/components/loginPage.vue')['default']
   }
 }

web/src/components/HeaderBar.vue

@@ -19,12 +19,16 @@
           clearable
           rounded="pill"
         ></v-text-field>
+      <v-btn icon variant="outlined" >
+        <LogOut />
+      </v-btn>
     </v-toolbar>
   </div>
 
 </template>
 
 <script setup lang="ts">
+import { LogOut } from 'lucide-vue-next';
 </script>
 
 <style scoped>