update cf on insights

apps/insights.saladeaula.digital/app/routes/_app.users._index/route.tsx

@@ -4,6 +4,7 @@ import { Suspense } from 'react'
 import { Await, useSearchParams } from 'react-router'
 import { MeiliSearchFilterBuilder } from 'meilisearch-helper'
 
+import { cloudflareContext } from '@repo/auth/context'
 import { DataTable } from '@repo/ui/components/data-table'
 import { SearchForm } from '@repo/ui/components/search-form'
 import { Skeleton } from '@repo/ui/components/skeleton'
@@ -17,6 +18,7 @@ export function meta({}: Route.MetaArgs) {
 }
 
 export async function loader({ context, request }: Route.LoaderArgs) {
+  const cloudflare = context.get(cloudflareContext)
   const { searchParams } = new URL(request.url)
   const query = searchParams.get('q') || ''
   const sort = searchParams.get('sort') || 'createDate:desc'
@@ -32,13 +34,13 @@ export async function loader({ context, request }: Route.LoaderArgs) {
     query,
     page,
     hitsPerPage,
-    env: context.cloudflare.env
+    env: cloudflare.env
   })
 
   return { data: users }
 }
 
-export default function Route({ loaderData: { data } }) {
+export default function Route({ loaderData: { data } }: Route.ComponentProps) {
   const [searchParams, setSearchParams] = useSearchParams()
 
   return (
@@ -48,7 +50,7 @@ export default function Route({ loaderData: { data } }) {
       </div>
 
       <Await resolve={data}>
-        {({ hits, page, hitsPerPage, totalHits }) => {
+        {({ hits, page = 1, hitsPerPage, totalHits }) => {
           return (
             <DataTable
               sort={[{ id: 'created_at', desc: true }]}