feature/feature/IO-3554-Form-Row-Layout - Responsive overhaul

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

@@ -1,4 +1,5 @@
-import { Card, Input, Table } from "antd";
+import { Card, Input } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { alphaSort } from "../../utils/sorters";
@@ -127,10 +128,11 @@ export default function ContractsJobsComponent({ loading, data, selectedJob, han
         />
       }
     >
-      <Table
+      <ResponsiveTable
         loading={loading}
         pagination={{ placement: "top", defaultPageSize: pageLimit, defaultCurrent: defaultCurrent }}
         columns={columns}
+        mobileColumnKeys={["ro_number", "owner", "status", "vehicle", "plate_no"]}
         rowKey="id"
         dataSource={filteredData}
         onChange={handleTableChange}