src/app/dashboard/loading.tsx

import { Loader2 } from "lucide-react"

export default function DashboardLoading() {
    return (
        <div className="container mx-auto px-4 py-16 flex items-center justify-center min-h-[60vh]">
            <div className="text-center space-y-4">
                <Loader2 className="h-8 w-8 animate-spin text-primary mx-auto" />
                <p className="text-muted-foreground">Loading your dashboard...</p>
            </div>
        </div>
    )
}