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

client/src/components/shop-teams/shop-employee-teams.list.jsx

@@ -1,7 +1,8 @@
-import { Button, Table } from "antd";
+import { Button } from "antd";
 import queryString from "query-string";
 import { useTranslation } from "react-i18next";
 import { useLocation, useNavigate } from "react-router-dom";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 
 export default function ShopEmployeeTeamsListComponent({ loading, employee_teams }) {
   const { t } = useTranslation();
@@ -27,7 +28,7 @@ export default function ShopEmployeeTeamsListComponent({ loading, employee_teams
 
   return (
     <div>
-      <Table
+      <ResponsiveTable
         title={() => {
           return (
             <Button
@@ -44,6 +45,7 @@ export default function ShopEmployeeTeamsListComponent({ loading, employee_teams
         loading={loading}
         pagination={{ placement: "top" }}
         columns={columns}
+        mobileColumnKeys={["name"]}
         rowKey="id"
         dataSource={employee_teams}
         rowSelection={{