sync bank card api and complete it

src/components/transactions/index.tsx

@@ -2,19 +2,17 @@ import { useState } from "react"
 import { Table } from "../common/table"
 import { SortingState } from "@tanstack/react-table"
 import { transactionsCol } from "../../utility/transactions"
-import { useQuery } from "@tanstack/react-query"
-import { getTransactionsList } from "../../services/api/transactions"
 
 export const Transactions = () => {
     const [sorting, setSorting] = useState<SortingState>([])
 
-    const { data, isLoading } = useQuery({
-        queryKey: ["transactions-list"],
-        queryFn: getTransactionsList
-    })
+    // const { data, isLoading } = useQuery({
+    //     queryKey: ["transactions-list"],
+    //     queryFn: getTransactionsList
+    // })
 
-    if (isLoading) return <p>LOADING ....</p>
+    // if (isLoading) return <p>LOADING ....</p>
     return (
-        <Table sorting={sorting} setSorting={setSorting} columns={transactionsCol} data={data?.data} />
+        <Table sorting={sorting} setSorting={setSorting} columns={transactionsCol} data={[]} />
     )
 }