update customers in the middle,

002_source/cms/src/app/dashboard/teachers/page.tsx

@@ -15,7 +15,7 @@ import type { Filters } from '@/components/dashboard/customer/customers-filters'
 import { CustomersPagination } from '@/components/dashboard/customer/customers-pagination';
 import { CustomersSelectionProvider } from '@/components/dashboard/customer/customers-selection-context';
 import { CustomersTable } from '@/components/dashboard/customer/customers-table';
-import type { Customer } from '@/components/dashboard/customer/customers-table';
+import type { Customer } from '@/components/dashboard/customer/type.d';
 
 export const metadata = { title: `List | Customers | Dashboard | ${config.site.name}` } satisfies Metadata;
 
@@ -192,25 +192,38 @@ export default function Page({ searchParams }: PageProps): React.JSX.Element {
       }}
     >
       <Stack spacing={4}>
-        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={3} sx={{ alignItems: 'flex-start' }}>
+        <Stack
+          direction={{ xs: 'column', sm: 'row' }}
+          spacing={3}
+          sx={{ alignItems: 'flex-start' }}
+        >
           <Box sx={{ flex: '1 1 auto' }}>
             <Typography variant="h4">Customers</Typography>
           </Box>
           <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>
-            <Button startIcon={<PlusIcon />} variant="contained">
+            <Button
+              startIcon={<PlusIcon />}
+              variant="contained"
+            >
               Add
             </Button>
           </Box>
         </Stack>
         <CustomersSelectionProvider customers={filteredCustomers}>
           <Card>
-            <CustomersFilters filters={{ email, phone, status }} sortDir={sortDir} />
+            <CustomersFilters
+              filters={{ email, phone, status }}
+              sortDir={sortDir}
+            />
             <Divider />
             <Box sx={{ overflowX: 'auto' }}>
               <CustomersTable rows={filteredCustomers} />
             </Box>
             <Divider />
-            <CustomersPagination count={filteredCustomers.length + 100} page={0} />
+            <CustomersPagination
+              count={filteredCustomers.length + 100}
+              page={0}
+            />
           </Card>
         </CustomersSelectionProvider>
       </Stack>