import type { Metadata } from 'next'; import { Roboto } from 'next/font/google'; import './globals.css'; import Header from './components/Header'; import Sidebar from './components/Sidebar'; import MobileNav from './components/MobileNav'; const roboto = Roboto({ weight: ['400', '500', '700'], subsets: ['latin'], display: 'swap', }); export const metadata: Metadata = { title: 'KV-Tube', description: 'A pixel perfect YouTube clone', manifest: '/manifest.json', appleWebApp: { capable: true, statusBarStyle: 'default', title: 'KV-Tube', }, }; export const viewport = { themeColor: '#000000', }; import { ThemeProvider } from './context/ThemeContext'; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return (