websocket & Datatable modified

src/layout/AppTopbar.vue

@@ -15,6 +15,9 @@ const logoSrc = ref(logo);
 <template>
     <div class="layout-topbar">
         <div class="layout-topbar-logo-container">
+            <button class="layout-topbar-action" @click="onMenuToggle"> <!--class layout-menu-button -->
+            <i class="pi pi-bars"></i>
+            </button>
         
             <router-link to="/" class="layout-topbar-logo">
                 <!--svg width="85" height="63" viewBox="0 0 85 63" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -33,9 +36,7 @@ const logoSrc = ref(logo);
 
                 <span>APOLLO</span>
             </router-link>
-            <button class="layout-topbar-action" @click="onMenuToggle"> <!--class layout-menu-button -->
-            <i class="pi pi-bars"></i>
-            </button>
+            
         </div>
 
         
@@ -45,14 +46,14 @@ const logoSrc = ref(logo);
                 <button type="button" class="layout-topbar-action" @click="toggleDarkMode">
                     <i :class="['pi', { 'pi-moon': isDarkTheme, 'pi-sun': !isDarkTheme }]"></i>
                 </button>
-                <div class="relative">
+                <!--div class="relative">
                     <button
                         v-styleclass="{ selector: '@next', enterFromClass: 'hidden', enterActiveClass: 'animate-scalein', leaveToClass: 'hidden', leaveActiveClass: 'animate-fadeout', hideOnOutsideClick: true }"
                         type="button" class="layout-topbar-action layout-topbar-action-highlight">
                         <i class="pi pi-palette"></i>
                     </button>
                     <AppConfigurator />
-                </div>
+                </div-->
             </div>
 
             <button class="layout-topbar-menu-button layout-topbar-action"