import { Inter } from 'next/font/google'; import type { Metadata } from 'next'; import './globals.css'; import { DataProvider } from './data/DataContext'; const inter = Inter({ subsets: ['latin'], variable: '--font-inter', }); export const metadata: Metadata = { title: 'The Why', description: 'Understanding the why of why your music is popping off!', icons: { icon: '/favicon.png', }, }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( {children} ); }