Added logout icon

Author: katsulon

frontend/src/components/functional/LoginLogout.vue

@@ -2,6 +2,7 @@
 import { ref, watchEffect } from "vue";
 import { useRouter } from "vue-router";
 import { logout } from "../../auth.js";
+import IconLogout from "../icons/IconLogout.vue";
 
 const router = useRouter();
 const errorMessage = ref("");
@@ -27,11 +28,13 @@ async function handleLogout() {
 <template>
   <div v-if="isAuthenticated">
     <router-link to="#" @click.prevent="handleLogout" class="text-gray-400 dark:text-white-400 inline-block py-2 px-4 text-sm font-medium">
+      <IconLogout class="inline-block" />
       Logout
     </router-link>
   </div>
   <div v-else>
     <router-link :to="{ name: 'login' }" class="text-gray-400 dark:text-white-400 inline-block py-2 px-4 text-sm font-medium">
+      <IconLogin class="inline-block" />
       Login
     </router-link>
   </div>

frontend/src/components/icons/IconLogout.vue

@@ -0,0 +1,4 @@
+<template>
+    <svg class="w-6 h-6"
+    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M217 28.098v455.804l142-42.597V70.697zm159.938 26.88l.062 2.327V87h16V55zM119 55v117.27h18V73h62V55zm258 50v16h16v-16zm0 34v236h16V139zm-240 58.727V233H41v46h96v35.273L195.273 256zM244 232c6.627 0 12 10.745 12 24s-5.373 24-12 24-12-10.745-12-24 5.373-24 12-24zM137 339.73h-18V448h18zM377 393v14h16v-14zm0 32v23h16v-23zM32 471v18h167v-18zm290.652 0l-60 18H480v-18z"/></svg>
+</template>