popup single RE + project button + exec list filter

src/layout/AppTopbar.vue

@@ -23,8 +23,6 @@ const props = defineProps(['page']);
 const userPrefStore = UserPrefStore();
 const scenario_store = ScenarioStore();
 const loadingStore = LoadingStore()
-
-
 const selectedApp = ref(userPrefStore.getSelApp);
 
 const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
@@ -40,6 +38,10 @@ async function updateApplication() {
 
 }
 
+function redirectProject() {
+    router.push('/projects'); // Specifica il percorso per la pagina "Projects"
+}
+
 function  appUpdated() {
     selectedApp.value = userPrefStore.getSelApp;
 }
@@ -105,9 +107,10 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
            
             </div>
             <div class="topbar-project">
-                    <span v-if="userPrefStore.user.selectedProject">
-                        <small>PROJECT:</small> {{ userPrefStore.user.selectedProject.fe_name }}
-                    </span> 
+                <button @click="redirectProject()" class="p-button p-button-outlined" v-tooltip="'Click to change the project'">{{ userPrefStore.user.selectedProject.fe_name }}</button>
+                    <!-- <span v-if="userPrefStore.user.selectedProject">
+                         <small>PROJECT:</small> {{ userPrefStore.user.selectedProject.fe_name }}
+                    </span>  -->
                 </div>
             <Dropdown 
                         v-model="selectedApp"
@@ -115,7 +118,6 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
                         optionLabel="fe_name"
                         placeholder="Select an Application"
                         class="dropdown-list menu-list"
-                      
                         @change="updateApplication()"
                         :disabled="isDropdownDisabled"
                     />