Use time unit selector also in bfa_max

frontend/src/components/Locality/Tabs/AgeTab.tsx

@@ -35,14 +35,24 @@ export const AgeTab = () => {
       'Minimum age',
       textField('min_age', 'number'),
       <FieldWithTableSelection<TimeUnitDetailsType, LocalityDetailsType>
-        key="tu_name"
+        key="bfa_min"
         sourceField="tu_name"
         targetField="bfa_min"
         selectorTable={<TimeUnitTable />}
       />,
       dropdown('frac_min', fracOptions, 'Minimum fraction'),
     ],
-    ['Maximum age', textField('max_age'), textField('bfa_max'), dropdown('frac_max', fracOptions, 'Maximum fraction')],
+    [
+      'Maximum age',
+      textField('max_age'),
+      <FieldWithTableSelection<TimeUnitDetailsType, LocalityDetailsType>
+        key="bfa_max"
+        sourceField="tu_name"
+        targetField="bfa_max"
+        selectorTable={<TimeUnitTable />}
+      />,
+      dropdown('frac_max', fracOptions, 'Maximum fraction'),
+    ],
     [''],
     ['Chronostrathigraphic age', textField('chron')],
     ['Age Comment', bigTextField('age_comm')],

frontend/src/components/TableView/ActionComponent.tsx

@@ -1,7 +1,6 @@
 import { Box, Button, Tooltip } from '@mui/material'
 import { MRT_RowData, MRT_Row } from 'material-react-table'
 import { useNavigate } from 'react-router-dom'
-
 import ManageSearchIcon from '@mui/icons-material/ManageSearch'
 import PolicyIcon from '@mui/icons-material/Policy'
 import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'