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

client/src/components/profile-shops/profile-shops.component.jsx

@@ -1,4 +1,5 @@
-import { Button, Card, Col, Input, Table, Typography } from "antd";
+import { Button, Card, Col, Input, Typography } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 
@@ -48,7 +49,14 @@ export default function ProfileShopsComponent({ loading, data, updateActiveShop
           />
         }
       >
-        <Table pagination={false} loading={loading} columns={columns} rowKey="id" dataSource={filteredData} />
+        <ResponsiveTable
+          pagination={false}
+          loading={loading}
+          columns={columns}
+          mobileColumnKeys={["actions", "shopname", "active"]}
+          rowKey="id"
+          dataSource={filteredData}
+        />
       </Card>
     </Col>
   );