app/layout.tsx
import Navbar from "@/components/navbar";
import "./globals.css";
import type { Metadata } from "next";
import Providers from "@/app/providers";
import { Toaster } from "@/components/ui/toaster";
export const metadata: Metadata = {
title: "Flags Game",
description: "Guess which flags belong to which countries",
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>
<Providers>
<Navbar />
{children}
<Toaster />
</Providers>
</body>
</html>
);
}