Kuma/src/app/layout.tsx

import type { Metadata, Viewport } from "next";
import localFont from "next/font/local";
import "./globals.css";
import { Toaster } from "../components/ui/sonner";
import { AuthInitializer } from "../components/AuthInitializer";
import NavigationProgress from "../components/layout/NavigationProgress";

const salmondFont = localFont({
  src: "../public/font/salmond.woff",
});

export const metadata: Metadata = {
  title: "Kumasy",
  description: "Generated by create next app",
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" className={salmondFont.className}>
      <body className={`antialiased bg-muted`}>
        <NavigationProgress />
        <AuthInitializer />
        <main>{children}</main>
        <Toaster
          toastOptions={{
            style: {
              background: "#1E293B",
              color: "#F4C00C",
            },
          }}
        />
      </body>
    </html>
  );
}