feature/feature/IO-3554-Form-Row-Layout - Drawer changes, mask closable changes, missing translation, spinner tip changes

client/src/components/jobs-list/jobs-list.component.jsx

@@ -28,9 +28,7 @@ const mapDispatchToProps = () => ({});
 export function JobsList({ bodyshop }) {
   const searchParams = queryString.parse(useLocation().search);
   const { selected } = searchParams;
-  const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
-    .filter((screen) => !!screen[1])
-    .slice(-1)[0];
+  const screens = Grid.useBreakpoint();
   const { loading, error, data, refetch } = useQuery(QUERY_ALL_ACTIVE_JOBS, {
     variables: {
       statuses: bodyshop.md_ro_statuses.active_statuses || ["Open", "Open*"]
@@ -332,7 +330,17 @@ export function JobsList({ bodyshop }) {
         rowKey="id"
         dataSource={jobs}
         scroll={{
-          x: selectedBreakpoint ? scrollMapper[selectedBreakpoint[0]] : "100%"
+          x: screens.xxl
+            ? scrollMapper.xxl
+            : screens.xl
+              ? scrollMapper.xl
+              : screens.lg
+                ? scrollMapper.lg
+                : screens.md
+                  ? scrollMapper.md
+                  : screens.sm
+                    ? scrollMapper.sm
+                    : scrollMapper.xs
         }}
         rowSelection={{
           onSelect: (record) => {