src/app/analytics/layout.tsx

import { Suspense } from "react"
import { Loader2 } from "lucide-react"

function AnalyticsLoading() {
    return (
        <div className="container mx-auto px-4 py-16 flex items-center justify-center">
            <Loader2 className="h-8 w-8 animate-spin text-primary" />
        </div>
    )
}

export default function AnalyticsLayout({
    children,
}: {
    children: React.ReactNode
}) {
    return (
        <Suspense fallback={<AnalyticsLoading />}>
            {children}
        </Suspense>
    )
}