import type { Metadata, Viewport } from "next" import { Syne, DM_Sans } from "next/font/google" import "./globals.css" import { Providers } from "./providers" const syne = Syne({ variable: "--font-heading", subsets: ["latin"], weight: ["400", "500", "600", "700", "800"], }) const dmSans = DM_Sans({ variable: "--font-sans", subsets: ["latin"], weight: ["400", "500", "600", "700"], }) export const viewport: Viewport = { width: "device-width", initialScale: 1, maximumScale: 1, userScalable: false, themeColor: "#1B1A55", viewportFit: "cover", } export const metadata: Metadata = { title: "WrestleDesk", description: "Wrestling Club Management System", manifest: "/manifest.json", appleWebApp: { capable: true, statusBarStyle: "black-translucent", title: "WrestleDesk", }, icons: { icon: [ { url: "/icon-192.png", sizes: "192x192", type: "image/png" }, { url: "/icon-512.png", sizes: "512x512", type: "image/png" }, ], apple: [ { url: "/icon-192.png", sizes: "192x192", type: "image/png" }, ], }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (