fix ui

frontend/src/components/UserInfoButton.vue

@@ -1,6 +1,6 @@
 <template>
   <q-btn flat no-caps dense icon="account_circle" :label="userInfo.fullName">
-    <q-menu max-width="225px">
+    <q-menu class="bar-user-menu">
       <div class="row no-wrap q-px-md q-pt-sm ">
         <div class="column items-center justify-center">
           <q-icon name="account_circle" color="grey" size="3em" />
@@ -30,7 +30,10 @@ const authStore = useAuthStore();
 const userInfo = computed(() => authStore.userInfo);
 const roles = computed(() => authStore.roles);
 </script>
-<style lang="scss" scoped>
+<style lang="scss" >
+.bar-user-menu {
+  max-width: 230px !important;
+}
 .role-label {
   margin: 2px;
 }

frontend/src/layouts/MainLayout.vue

@@ -143,7 +143,6 @@ onMounted(() => {
 
 function toggleLeftDrawer() {
   getCurrentInstance();
-  debugger;
   authStore.toggleLeftMenu();
 }
 </script>