Next.js Loading Skeleton

// app/dashboard/loading.tsx

export default function DashboardLoading() {
  return (
    <main aria-busy="true" aria-label="Loading dashboard">
      <div className="skeleton skeleton-title" />

      <div className="skeleton-grid">
        {Array.from({ length: 6 }, (_, index) => (
          <div
            key={index}
            className="skeleton skeleton-card"
          />
        ))}
      </div>
    </main>
  );
}