fix(container): column selection UI issue EE-5780 (#9242)

app/react/components/datatables/ColumnVisibilityMenu.tsx

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 import clsx from 'clsx';
 import { Menu, MenuButton, MenuList } from '@reach/menu-button';
 import { Columns } from 'lucide-react';
@@ -44,7 +45,7 @@ export function ColumnVisibilityMenu<D extends object>({
                       label={
                         typeof column.columnDef.header === 'string'
                           ? column.columnDef.header
-                          : ''
+                          : _.capitalize(column.columnDef.id)
                       }
                       id={`visibility_${column.id}`}
                       onChange={(e) =>

app/react/components/datatables/select-column.tsx

@@ -40,6 +40,7 @@ export function createSelectColumn<T>(): ColumnDef<T> {
         }}
       />
     ),
+    enableHiding: false,
     meta: {
       width: 50,
     },