add params to tag

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

@@ -73,6 +73,7 @@ import {
   TabsList,
   TabsTrigger
 } from '@repo/ui/components/ui/tabs'
+import { useSearchParams } from 'react-router'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Matrículas agendadas' }]
@@ -93,6 +94,8 @@ export async function loader({ context, request, params }: Route.LoaderArgs) {
 export default function Route({
   loaderData: { scheduled }
 }: Route.ComponentProps) {
+  const [searchParams, setSearchParams] = useSearchParams()
+
   return (
     <Suspense fallback={<Skeleton />}>
       <div className="space-y-0.5 mb-8">
@@ -137,13 +140,25 @@ export default function Route({
 
           return (
             <div className="space-y-5 lg:max-w-4xl mx-auto">
-              <Tabs defaultValue="pending" className="space-y-5">
+              <Tabs
+                defaultValue={String(
+                  searchParams.has('tab') ? searchParams.get('tab') : 'pending'
+                )}
+                className="space-y-5"
+                onValueChange={(value) => {
+                  setSearchParams((searchParams) => {
+                    searchParams.set('tab', value)
+                    return searchParams
+                  })
+                }}
+              >
                 <div className="flex justify-between">
                   <TabsList className="*:cursor-pointer">
                     <TabsTrigger value="pending">Aguardando</TabsTrigger>
                     <TabsTrigger value="executed">Executada</TabsTrigger>
                     <TabsTrigger value="failed">Falhou</TabsTrigger>
                   </TabsList>
+
                   <Button asChild>
                     <Link to="../enrollments/add">
                       <PlusIcon />{' '}