CB-2647 refactor: use new context menu API for top app bar

webapp/packages/plugin-data-viewer/src/DataViewerPage/useDataViewerDatabaseDataModel.ts

@@ -9,10 +9,11 @@
 import { action, computed, observable } from 'mobx';
 import { useEffect } from 'react';
 
-import { ILoadableState, isContainsException, useMapResource, useObservableRef } from '@cloudbeaver/core-blocks';
+import { useMapResource, useObservableRef } from '@cloudbeaver/core-blocks';
 import { ConnectionInfoResource } from '@cloudbeaver/core-connections';
 import { useService } from '@cloudbeaver/core-di';
 import { NavNodeManagerService } from '@cloudbeaver/core-navigation-tree';
+import { ILoadableState, isContainsException } from '@cloudbeaver/core-utils';
 import type { ITab } from '@cloudbeaver/plugin-navigation-tabs';
 import type { IObjectViewerTabState } from '@cloudbeaver/plugin-object-viewer';
 
@@ -60,7 +61,7 @@ export function useDataViewerDatabaseDataModel(tab: ITab<IObjectViewerTabState>)
     },
     async reload() {
       if (isContainsException(connection.exception)) {
-        connection.reload?.();
+        connection.reload();
       }
       this.init();
     },

webapp/packages/plugin-data-viewer/src/TableViewer/TableHeader/TableHeaderMenu.tsx

@@ -51,13 +51,13 @@ const TABLE_HEADER_MENU_BAR_STYLES = css`
           width: 16px;
       }
 
-      & item-label {
+      & menu-bar-item-label {
           display: block;
           text-transform: uppercase;
           font-weight: 700;
       }
 
-      & IconOrImage + item-label, & Loader + item-label {
+      & IconOrImage + menu-bar-item-label, & Loader + menu-bar-item-label {
           padding-left: 8px
       }
     }