feat: add custom card component for sparepart display in ListSparepart

src/pages/master/sparepart/component/ListSparepart.jsx

@@ -13,6 +13,7 @@ import { NotifAlert, NotifOk, NotifConfirmDialog } from '../../../../components/
 import { useNavigate } from 'react-router-dom';
 import { deleteSparepart, getAllSparepart } from '../../../../api/sparepart';
 import TableList from '../../../../components/Global/TableList';
+import SparepartCardList from './SparepartCardList'; // Import the new custom card component
 
 const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
     {
@@ -265,6 +266,7 @@ const ListSparepart = memo(function ListSparepart(props) {
                             queryParams={formDataFilter}
                             columns={columns(showPreviewModal, showEditModal, showDeleteDialog)}
                             triger={trigerFilter}
+                            cardComponent={SparepartCardList} // Pass the custom component here
                         />
                     </Col>
                 </Row>