nextjs-app/src/app/eligible/loading.tsx

import { CardSkeleton } from '@/components/LoadingSpinner'

export default function EligibleLoading() {
  return (
    <div className="p-6">
      <div className="h-8 bg-gray-200 rounded w-56 mb-6 animate-pulse" />
      <CardSkeleton count={6} />
    </div>
  )
}