update the copies

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

@@ -9,7 +9,7 @@ import {
   WalletIcon
 } from 'lucide-react'
 import { use, useEffect, useState } from 'react'
-import { Link, redirect, useFetcher } from 'react-router'
+import { Link, NavLink, redirect, useFetcher } from 'react-router'
 
 import { cloudflareContext, userContext } from '@repo/auth/context'
 import { Skeleton } from '@repo/ui/components/skeleton'
@@ -53,6 +53,7 @@ import { Bulk } from './bulk'
 import { Payment } from './payment'
 import { Review } from './review'
 import { useWizardStore } from './store'
+import { Spinner } from '@repo/ui/components/ui/spinner'
 
 export function meta({}: Route.MetaArgs) {
   return [{ title: 'Comprar matrículas' }]
@@ -166,7 +167,10 @@ export default function Route({
             variant="outline"
             className="bg-green-500/15 border-green-600/60 rounded-2xl"
           >
-            <ItemMedia variant="icon">
+            <ItemMedia
+              className="bg-green-500/30 border-green-600/50"
+              variant="icon"
+            >
               <MegaphoneIcon />
             </ItemMedia>
             <ItemContent>
@@ -178,9 +182,11 @@ export default function Route({
             </ItemContent>
             <ItemActions>
               <Button size="sm" variant="outline" asChild>
-                <Link to="../enrollments/seats">
-                  <PlusIcon /> Matricular
-                </Link>
+                <NavLink to="../enrollments/seats">
+                  {({ isPending }) => (
+                    <>{isPending ? <Spinner /> : <PlusIcon />} Matricular</>
+                  )}
+                </NavLink>
               </Button>
             </ItemActions>
           </Item>