change style component

components/panel/userAccount/bank/List.js

@@ -3,6 +3,7 @@ import { Button, Switch, TableCell, TableRow } from "@mui/material";
 import TextLoading from "@/app/component/loading/Text";
 import TrashB from "@/components/icons/TrashB";
 import EditB from "@/components/icons/EditB";
+import SwitchTable from "@/app/component/SwitchTable";
 
 function List({ data, loading }) {
   const tableHead = ["ردیف", "شماره کارت", "شماره شبا", "بانک", "وضعیت", ""];
@@ -58,7 +59,7 @@ function List({ data, loading }) {
                     <p className="text-[16px] min-w-[60px] font-medium text-[#616161]">
                       {row.status ? "فعال" : "غیر فعال"}
                     </p>
-                    <Switch dir="ltr" />
+                    <SwitchTable />
                   </div>
                 </TextLoading>
               </TableCell>