import "@/styles/globals.css"; import { Metadata, Viewport } from "next"; import { Providers } from "./providers"; import { Navbar } from "@/components/navbar"; export const viewport: Viewport = { themeColor: [ { media: "(prefers-color-scheme: light)", color: "white" }, { media: "(prefers-color-scheme: dark)", color: "black" }, ], }; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return (