Bulk-Edit-App: Freeze top row with Field Names [INTEG-2953] (#10076)

* freeze top row with Field Names

* removing unused import

Author: FBanfi

apps/bulk-edit/src/locations/Page/components/TableHeader.tsx

@@ -23,21 +23,19 @@ export const TableHeader: React.FC<TableHeaderProps> = ({
   return (
     <Table.Head style={styles.tableHead}>
       <Table.Row style={styles.stickyTableRow}>
-        <Box style={styles.stickyMainColumnsOrFields}>
-          {fields.length > 0 && (
-            <Table.Cell as="th" key={DISPLAY_NAME_COLUMN} style={styles.tableHeader}>
-              Display name
-            </Table.Cell>
-          )}
-          <Table.Cell as="th" key={ENTRY_STATUS_COLUMN} style={styles.tableHeader}>
-            <Flex gap="spacingXs" alignItems="center" justifyContent="flex-start">
-              Status
-              <Tooltip content="Bulk editing is not supported for Status" placement="top">
-                <QuestionIcon size={16} aria-label="Bulk editing not supported for Status" />
-              </Tooltip>
-            </Flex>
+        {fields.length > 0 && (
+          <Table.Cell as="th" key={DISPLAY_NAME_COLUMN} style={styles.stickyTableHeader}>
+            Display name
           </Table.Cell>
-        </Box>
+        )}
+        <Table.Cell as="th" key={ENTRY_STATUS_COLUMN} style={styles.tableHeader}>
+          <Flex gap="spacingXs" alignItems="center" justifyContent="flex-start">
+            Status
+            <Tooltip content="Bulk editing is not supported for Status" placement="top">
+              <QuestionIcon size={16} aria-label="Bulk editing not supported for Status" />
+            </Tooltip>
+          </Flex>
+        </Table.Cell>
         {fields.map((field) => {
           const isAllowed = isCheckboxAllowed(field);
           const isDisabled = checkboxesDisabled[field.uniqueId];