import type { Metadata } from 'next';
import '@/styles/globals.css';
import { Suspense } from 'react';
import { Providers } from '@/components/Providers';
import AppLayout from './AppLayout';

export const metadata: Metadata = {
    title: 'Dashboard | QR Master',
    description: 'Manage your QR Master dashboard. Create dynamic QR codes, view real-time scan analytics, and configure your account settings in one secure place.',
    robots: { index: false, follow: false },
    icons: {
        icon: [
            { url: '/favicon.svg', type: 'image/svg+xml' },
            { url: '/logo.svg', type: 'image/svg+xml' },
        ],
        apple: '/logo.svg',
    },
};

export default function AppGroupLayout({
    children,
}: {
    children: React.ReactNode;
}) {
    return (
        <Suspense fallback={null}>
            <AppLayout>
                {children}
            </AppLayout>
        </Suspense>
    );
}
