Add team creation, team join and debug login screen

app/layouts/default.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useTitleStore } from '~/stores/title';
 
-const { loggedIn, clear } = useUserSession();
+const { loggedIn, clear, user } = useUserSession();
 
 const route = useRoute();
 const breakpoints = useBreakpoint();
@@ -88,6 +88,24 @@ const slugs = computed(() => checkSlug(route.params));
           </VaSidebarItemContent>
         </VaSidebarItem>
         <VaSpacer />
+        <VaSidebarItem
+          v-if="user"
+          :hover-color="user.role === 'ADMIN' ? 'danger' : undefined"
+          :text-color="user.role === 'ADMIN' ? 'danger' : undefined"
+        >
+          <VaSidebarItemContent>
+            <VaIcon
+              :name="
+                user.role === 'ADMIN'
+                  ? 'admin_panel_settings'
+                  : 'account_circle'
+              "
+            />
+            <VaSidebarItemTitle>
+              {{ user.name }}
+            </VaSidebarItemTitle>
+          </VaSidebarItemContent>
+        </VaSidebarItem>
         <VaSidebarItem v-if="loggedIn" @click="clear">
           <VaSidebarItemContent>
             <VaIcon name="logout" />