update cf context to studio

apps/studio.saladeaula.digital/app/routes/index.tsx

@@ -11,6 +11,7 @@ import {
 import { Suspense, useMemo } from 'react'
 import { Await, NavLink, useSearchParams } from 'react-router'
 
+import { cloudflareContext } from '@repo/auth/context'
 import { createSearch } from '@repo/util/meili'
 import { SearchForm } from '@repo/ui/components/search-form'
 import { Skeleton } from '@repo/ui/components/skeleton'
@@ -44,11 +45,12 @@ export function meta({}: Route.MetaArgs) {
 }
 
 export const loader = async ({ context }: Route.ActionArgs) => {
+  const cloudflare = context.get(cloudflareContext)
   const courses = createSearch({
     index: 'saladeaula_courses',
     sort: ['created_at:desc'],
     hitsPerPage: 100,
-    env: context.cloudflare.env
+    env: cloudflare.env
   })
 
   return {
@@ -56,7 +58,9 @@ export const loader = async ({ context }: Route.ActionArgs) => {
   }
 }
 
-export default function Component({ loaderData: { data } }) {
+export default function Component({
+  loaderData: { data }
+}: Route.ComponentProps) {
   const [searchParams, setSearchParams] = useSearchParams()
   const term = searchParams.get('term') as string
 
@@ -79,13 +83,13 @@ export default function Component({ loaderData: { data } }) {
             }
             defaultValue={term}
             onChange={(term) => {
-              setSearchParams({ term })
+              setSearchParams({ term: String(term) })
             }}
           />
         </div>
 
         <Await resolve={data}>
-          {({ hits = [] }) => <List term={term} hits={hits} />}
+          {({ hits }) => <List term={term} hits={hits as Course[]} />}
         </Await>
       </div>
     </Suspense>