add new event and attendance table with automatic now timestamp

src/vueLib/login/LoginMenu.vue

@@ -3,9 +3,7 @@
     <q-btn dense flat round icon="person" :color="currentUser ? 'green' : ''">
       <q-menu ref="refLoginMenu">
         <q-list style="min-width: 120px">
-          <q-item v-if="userLogin.getUser()" class="text-primary">{{
-            currentUser?.username
-          }}</q-item>
+          <q-item v-if="user.user" class="text-primary">{{ currentUser?.username }}</q-item>
           <q-item v-if="showLogin" clickable v-close-popup @click="openLogin">
             <q-item-section class="text-primary">{{ loginText }}</q-item-section>
           </q-item>
@@ -47,23 +45,23 @@
 <script setup lang="ts">
 import LoginDialog from './LoginDialog.vue';
 import { computed, ref, watch } from 'vue';
-import { useLogin } from './useLogin';
 import { useNotify } from '../general/useNotify';
 import { lang, i18n } from 'src/boot/lang';
 import { useUserStore } from './userStore';
 import { useRoute } from 'vue-router';
 import { Dark } from 'quasar';
+import { useLogin } from './useLogin';
 
+const userLogin = useLogin();
 const route = useRoute();
 const showLogin = computed(
   () => (route.path !== '/' && route.path !== '/login') || currentUser.value?.username === '',
 );
 
-const userLogin = useLogin();
 const user = useUserStore();
 const autorized = computed(() => !!user.isAuthorizedAs(['admin']));
 const { NotifyResponse } = useNotify();
-const currentUser = computed(() => userLogin.getUser());
+const currentUser = computed(() => user.user);
 
 const loginText = computed(() => {
   return currentUser.value ? 'Logout' : 'Login';