src/app/messages/loading.tsx

import { Loader2 } from "lucide-react"

export default function Loading() {
    return (
        <div className="container mx-auto px-4 py-16 flex items-center justify-center">
            <div className="text-center">
                <Loader2 className="h-8 w-8 animate-spin mx-auto mb-4 text-primary" />
                <p className="text-muted-foreground">Loading messages...</p>
            </div>
        </div>
    )
}