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

client/src/components/phone-number-consent/phone-number-consent.component.jsx

@@ -1,5 +1,6 @@
 import { useQuery } from "@apollo/client/react";
-import { Input, Table, Typography } from "antd";
+import { Input, Typography } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
@@ -132,8 +133,9 @@ function PhoneNumberConsentList({ bodyshop }) {
         enterButton
       />
 
-      <Table
+      <ResponsiveTable
         columns={columns}
+        mobileColumnKeys={["phone_number", "created_at"]}
         dataSource={optOutData?.phone_number_opt_out}
         loading={optOutLoading /* || ownersLoading*/}
         rowKey="id"