init CustomDataGrid based on DataGrid mui

src/pages/city/list.tsx

@@ -1,4 +1,5 @@
-import {DataGrid, type GridColDef} from '@mui/x-data-grid'
+import {type GridColDef} from '@mui/x-data-grid'
+import {CustomDataGrid} from '../../components/CustomDataGrid'
 import {DeleteButton, EditButton, List, ShowButton, useDataGrid} from '@refinedev/mui'
 import React from 'react'
 
@@ -56,7 +57,7 @@ export const CityList = () => {
 
   return (
     <List>
-      <DataGrid {...dataGridProps} columns={columns} localeText={localeText} />
+      <CustomDataGrid {...dataGridProps} columns={columns} localeText={localeText} />
     </List>
   )
 }