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

client/src/components/audit-trail-list/audit-trail-list.component.jsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Table } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { alphaSort } from "../../utils/sorters";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
 import { useTranslation } from "react-i18next";
@@ -62,11 +62,12 @@ export default function AuditTrailListComponent({ loading, data }) {
   };
 
   return (
-    <Table
+    <ResponsiveTable
       {...formItemLayout}
       loading={loading}
       pagination={{ placement: "top", defaultPageSize: pageLimit }}
       columns={columns}
+      mobileColumnKeys={[" created", "operation", " old_val", "useremail"]}
       rowKey="id"
       dataSource={data}
       onChange={handleTableChange}