import { Inter } from 'next/font/google' import './globals.css' import { ThemeProvider } from '@/components/ui/theme-provider' import { Toaster } from '@/components/ui/toaster' import Providers from '@/lib/react-query/provider' const inter = Inter({ subsets: ['latin'] }) export const metadata = { title: 'Create Next App', description: 'Generated by create next app', } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( <html lang="en" suppressHydrationWarning> <head /> <body className={inter.className}> <ThemeProvider attribute="class" defaultTheme="system" enableSystem> <Providers> {children} <Toaster /> </Providers> </ThemeProvider> </body> </html> ) }