add steps

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments._index/route.tsx

@@ -58,11 +58,13 @@ export async function loader({ params, context, request }: Route.LoaderArgs) {
   })
 
   return {
-    data: enrollments
+    enrollments
   }
 }
 
-export default function Route({ loaderData: { data } }: Route.ComponentProps) {
+export default function Route({
+  loaderData: { enrollments }
+}: Route.ComponentProps) {
   const { orgid } = useParams()
   const [searchParams, setSearchParams] = useSearchParams()
   const [selectedRows, setSelectedRows] = useState<Enrollment[]>([])
@@ -80,7 +82,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
         </p>
       </div>
 
-      <Await resolve={data}>
+      <Await resolve={enrollments}>
         {({ hits, page = 1, hitsPerPage, totalHits }) => (
           <DataTable
             sort={[{ id: 'created_at', desc: true }]}
@@ -88,9 +90,9 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
             data={hits as Enrollment[]}
             columnPinning={{ left: ['select'], right: ['action'] }}
             pageIndex={page - 1}
-            pageSize={hitsPerPage}
+            pageSize={Number(hitsPerPage)}
             setSelectedRows={setSelectedRows}
-            rowCount={totalHits}
+            rowCount={Number(totalHits)}
             columnVisibilityInit={{
               created_at: true,
               completed_at: false,