'use client' import { ThemeProvider, createTheme } from '@mui/material/styles' import CssBaseline from '@mui/material/CssBaseline' import { Roboto } from 'next/font/google' const roboto = Roboto({ weight: ['300', '400', '500', '700'], subsets: ['latin'], }) const theme = createTheme({ palette: { mode: 'light', primary: { main: '#2563eb', }, }, typography: { fontFamily: roboto.style.fontFamily, }, }) export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (