docs/app/layout.tsx

import Navbar from "@/components/Navbar/Navbar";
import Progress from "@/components/Navigation/Progress";
import type { Metadata, Viewport } from "next";
import { Inter } from "next/font/google";
import { PropsWithChildren } from "react";
import "../styles/globals.css";
import Providers from "./providers";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
    title: "SudoBot Documentation",
    description: "A guide to get you started with SudoBot!",
};

export const viewport: Viewport = {
    colorScheme: "dark",
    initialScale: 1,
    themeColor: "#000",
};

export default function RootLayout({ children }: PropsWithChildren) {
    return (
        <html lang="en" className="dark">
            <body className={inter.className}>
                <Providers>
                    <Navbar />
                    <Progress />
                    {children}
                </Providers>
            </body>
        </html>
    );
}
1	import Navbar from "@/components/Navbar/Navbar";
2	import Progress from "@/components/Navigation/Progress";
3	import type { Metadata, Viewport } from "next";
4	import { Inter } from "next/font/google";
5	import { PropsWithChildren } from "react";
6	import "../styles/globals.css";
7	import Providers from "./providers";
8
9	const inter = Inter({ subsets: ["latin"] });
10
11	export const metadata: Metadata = {
12	title: "SudoBot Documentation",
13	description: "A guide to get you started with SudoBot!",
14	};
15
16	export const viewport: Viewport = {
17	colorScheme: "dark",
18	initialScale: 1,
19	themeColor: "#000",
20	};
21
22	export default function RootLayout({ children }: PropsWithChildren) {
23	return (
24	<html lang="en" className="dark">
25	<body className={inter.className}>
26	<Providers>
27	<Navbar />
28	<Progress />
29	{children}
30	</Providers>
31	</body>
32	</html>
33	);
34	}