hermione scenarios

src/layout/AppLayout.vue

@@ -2,7 +2,6 @@
 import { useLayout } from '@/layout/composables/layout';
 import { computed, ref, watch } from 'vue';
 import AppFooter from './AppFooter.vue';
-import AppSidebar from './AppSidebar.vue';
 import AppTopbar from './AppTopbar.vue';
 
 const { layoutConfig, layoutState, isSidebarActive, resetMenu } = useLayout();
@@ -21,8 +20,8 @@ const containerClass = computed(() => {
     return {
         'layout-theme-light': !layoutConfig.darkTheme,
         'layout-theme-dark': layoutConfig.darkTheme,
-        'layout-overlay': layoutConfig.menuMode === 'overlay',
-        'layout-static': layoutConfig.menuMode === 'static',
+        //'layout-overlay': layoutConfig.menuMode === 'overlay',
+        //'layout-static': layoutConfig.menuMode === 'static',
         'layout-static-inactive': layoutState.staticMenuDesktopInactive && layoutConfig.menuMode === 'static',
         'layout-overlay-active': layoutState.overlayMenuActive,
         'layout-mobile-active': layoutState.staticMenuMobileActive
@@ -55,9 +54,9 @@ const isOutsideClicked = (event) => {
 <template>
     <div class="layout-wrapper" :class="containerClass">
         <app-topbar></app-topbar>
-        <div class="layout-sidebar">
+    <!--   <div class="layout-sidebar">
             <app-sidebar></app-sidebar>
-        </div>
+        </div>--> 
         <div class="layout-main-container">
             <div class="layout-main">
                 <router-view></router-view>

src/layout/AppTopbar.vue

@@ -29,11 +29,11 @@ const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
                 <span>HERMIONE</span>
             </router-link>
         </div>
-
+<!--
         <button class="layout-menu-button layout-topbar-action" @click="onMenuToggle">
             <i class="pi pi-bars"></i>
         </button>
-
+-->
         <div class="layout-topbar-actions">
             <div class="layout-config-menu">
                 <button type="button" class="layout-topbar-action" @click="toggleDarkMode">