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

client/src/components/dms-post-form/rr-early-ro-form.jsx

@@ -1,5 +1,6 @@
 import { ReloadOutlined } from "@ant-design/icons";
-import { Alert, Button, Form, Input, InputNumber, Modal, Radio, Select, Space, Table, Typography } from "antd";
+import { Alert, Button, Form, Input, InputNumber, Modal, Radio, Select, Space, Typography } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useEffect, useMemo, useState } from "react";
 
 // Simple customer selector table
@@ -26,7 +27,14 @@ function CustomerSelectorTable({ customers, onSelect, isSubmitting }) {
 
   return (
     <div>
-      <Table columns={columns} dataSource={customers} rowKey="custNo" pagination={false} size="small" />
+      <ResponsiveTable
+        columns={columns}
+        mobileColumnKeys={["name", "select", "custNo", "vinOwner"]}
+        dataSource={customers}
+        rowKey="custNo"
+        pagination={false}
+        size="small"
+      />
       <div style={{ marginTop: 16, display: "flex", gap: 8 }}>
         <Button
           type="primary"