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

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

@@ -1,5 +1,6 @@
 import { AuditOutlined, DeleteFilled, EditFilled, EyeInvisibleFilled, WarningFilled } from "@ant-design/icons";
-import { Button, Card, Form, Input, Space, Table } from "antd";
+import { Button, Card, Form, Input, Space } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -185,7 +186,14 @@ export function JobNotesComponent({
           </Button>
         }
       >
-        <Table loading={loading} columns={columns} rowKey="id" dataSource={data} onChange={handleTableChange} />
+        <ResponsiveTable
+          loading={loading}
+          columns={columns}
+          mobileColumnKeys={["actions", "icons", "type", "text"]}
+          rowKey="id"
+          dataSource={data}
+          onChange={handleTableChange}
+        />
       </Card>
     </div>
   );