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'; import HamburgerMenu from './components/HamburgerMenu'; import MainContent from './components/MainContent'; const roboto = Roboto({ weight: ['400', '500', '700'], subsets: ['latin'], display: 'swap', }); export const metadata: Metadata = { title: 'KV-Tube', description: 'A modern YouTube-like video streaming platform with background playback', manifest: '/manifest.json', appleWebApp: { capable: true, statusBarStyle: 'black-translucent', title: 'KV-Tube', startupImage: [ { url: '/icons/icon-512x512.png', media: '(device-width: 1024px)', }, ], }, other: { 'mobile-web-app-capable': 'yes', 'apple-mobile-web-app-capable': 'yes', 'apple-mobile-web-app-status-bar-style': 'black-translucent', 'theme-color': '#ff0000', }, }; export const viewport = { themeColor: '#000000', }; import { ThemeProvider } from './context/ThemeContext'; import { SidebarProvider } from './context/SidebarContext'; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return (