Implemented logout system

ui/src/App.vue

@@ -22,6 +22,14 @@ onMounted(async () => {
   userStore.user = data;
 });
 
+async function logout() {
+  await fetch(`${import.meta.env.VITE_APIHOST}/logout`, {
+    method: 'POST',
+    credentials: 'include',
+  });
+
+  userStore.user = null;
+}
 </script>
 
 <template>
@@ -75,7 +83,7 @@ onMounted(async () => {
       <div>
         <DropdownMenu v-if="userStore.isLoggedIn">
           <DropdownMenuTrigger class="cursor-pointer">
-            <p>Profile</p>
+            <p>{{ userStore.user.name }}</p>
           </DropdownMenuTrigger>
           <DropdownMenuContent> 
             <DropdownMenuItem>My Profile</DropdownMenuItem>
@@ -85,7 +93,7 @@ onMounted(async () => {
                 Submit LOA
               </RouterLink>
             </DropdownMenuItem>
-            <DropdownMenuItem :variant="'destructive'">Logout</DropdownMenuItem>
+            <DropdownMenuItem :variant="'destructive'" @click="logout()">Logout</DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>