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

client/src/components/courtesy-cars-list/courtesy-cars-list.component.jsx

@@ -1,5 +1,6 @@
 import { SyncOutlined, WarningFilled } from "@ant-design/icons";
-import { Button, Card, Dropdown, Input, Space, Table, Tooltip } from "antd";
+import { Button, Card, Dropdown, Input, Space, Tooltip } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import dayjs from "../../utils/day";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -275,10 +276,11 @@ export default function CourtesyCarsList({ loading, courtesycars, refetch }) {
         </Space>
       }
     >
-      <Table
+      <ResponsiveTable
         loading={loading}
         pagination={{ placement: "top" }}
         columns={columns}
+        mobileColumnKeys={["status", "fleetnumber", "vin", "readiness"]}
         rowKey="id"
         dataSource={tableData}
         onChange={handleTableChange}