Migrate view field to new data model - Part 2 (#2270)

* Migrate view field to new data model

* Migrate view fields to new model

front/src/modules/ui/data/data-table/components/ColumnHeadWithDropdown.tsx

@@ -21,7 +21,7 @@ export const ColumnHeadWithDropdown = ({
   primaryColumnKey,
 }: ColumnHeadWithDropdownProps) => {
   return (
-    <DropdownScope dropdownScopeId={column.key + '-header'}>
+    <DropdownScope dropdownScopeId={column.fieldId + '-header'}>
       <Dropdown
         clickableComponent={<ColumnHead column={column} />}
         dropdownComponents={
@@ -34,7 +34,7 @@ export const ColumnHeadWithDropdown = ({
         }
         dropdownOffset={{ x: -1 }}
         dropdownPlacement="bottom-start"
-        dropdownHotkeyScope={{ scope: column.key + '-header' }}
+        dropdownHotkeyScope={{ scope: column.fieldId + '-header' }}
       />
     </DropdownScope>
   );