import { ReactNode, Suspense } from 'react'; import { Metadata } from 'next'; import { Cairo } from 'next/font/google'; import { cn } from '@/lib/utils'; import { AuthProvider } from '@/providers/auth-provider'; import { I18nProvider } from '@/providers/i18n-provider'; import { QueryProvider } from '@/providers/query-provider'; import { SettingsProvider } from '@/providers/settings-provider'; import { ThemeProvider } from '@/providers/theme-provider'; import { TooltipsProvider } from '@/providers/tooltips-provider'; import { Toaster } from '@/components/ui/sonner'; import '@/css/styles.css'; import '@/components/keenicons/assets/styles.css'; const cairo = Cairo({ subsets: ['arabic', 'latin'], weight: ['200', '300', '400', '500', '600', '700'], }); export const metadata: Metadata = { title: { template: '%s | Mokhtabar', default: 'Mokhtabar', // a default is required when creating a template }, icons: { icon: './favicon.png', }, }; export default async function RootLayout({ children, }: { children: ReactNode; }) { return ( {children} ); }