/**
 * AuroraLayout — Wraps any app page with the premium aurora blob background.
 * Usage: <AuroraLayout><YourPageContent /></AuroraLayout>
 */
const AuroraLayout = ({ children, className = '' }) => (
    <div className={`app-page ${className}`}>
        {/* Fixed aurora background layer */}
        <div className="app-page-bg">
            <div className="grid-overlay" />
            <div className="aurora-orb-bottom" />
            <div className="aurora-orb-left" />
        </div>
        {children}
    </div>
);

export default AuroraLayout;
