Develop scenario/scenario executions chat

src/layout/AppMenu.vue

@@ -25,18 +25,22 @@ const model = ref([
     {
         label: 'Canvas',
         items: [{ label: 'New Canvas', icon: 'pi pi-fw pi-pencil', to: '/mdcanvas' }]
-    } 
+    },
+    {
+        label: 'Chat',
+        items: [{ label: 'Chat', icon: 'pi pi-fw pi-comments', to: '/chat' }]
+    }
 
 ]);
 
-onMounted(() => {
-    if(userPrefStore.user.role == 'ADMIN'){
-        model.value.push({  
-            label: 'Chat',
-            items: [{ label: 'Chat', icon: 'pi pi-fw pi-comments', to: '/chat' }]
-        }); 
-    }   
-});
+// onMounted(() => {
+    // if(userPrefStore.user.role == 'ADMIN'){
+    //     model.value.push({  
+    //         label: 'Chat',
+    //         items: [{ label: 'Chat', icon: 'pi pi-fw pi-comments', to: '/chat' }]
+    //     }); 
+    // }   
+// });
 
 // Funzione per aggiornare la sezione "Your Applications" in base a selectedApp
 function updateApplicationsMenu() {

src/layout/AppTopbar.vue

@@ -108,6 +108,10 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
             
            
             </div>
+            <div class="layout-topbar-theme">
+                <span class="flex items-center mt-2">Project:</span>
+            </div>
+
             <div class="topbar-project">
                 <button v-if="userPrefStore.user.selectedProject" @click="redirectProject()" class="p-button p-button-outlined" v-tooltip="'Click to change the project'">{{ userPrefStore.user.selectedProject.fe_name }}</button>
                 <button v-else @click="redirectProject()" class="p-button p-button-outlined" v-tooltip="'Click to change the project'">Project</button>
@@ -115,7 +119,11 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
                     <!-- <span v-if="userPrefStore.user.selectedProject">
                          <small>PROJECT:</small> {{ userPrefStore.user.selectedProject.fe_name }}
                     </span>  -->
-                </div>
+            </div>
+                
+            <div class="layout-topbar-theme">
+                <span class="flex items-center mt-2">Application:</span>
+            </div>
             <Dropdown 
                         v-model="selectedApp"
                         :options="userPrefStore.availableApp"
@@ -155,7 +163,7 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
     display: flex;
     align-items: center;
     justify-content: left;
-    margin-left: 1rem;
+    margin-right: 1rem;
     font-size: 1.2rem;
     min-width: 100px;