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 = {
    metadataBase: new URL((process.env.NEXT_PUBLIC_BASE_DOMAIN?.startsWith("localhost") ? "http" : "https") + "://" + process.env.NEXT_PUBLIC_BASE_DOMAIN!),
    title: "SudoBot Documentation",
    description: "A guide to get you started with SudoBot!",
    alternates: {
        canonical: "./"
    },
};

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	rakinar2	575	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	rakinar2	602	metadataBase: new URL((process.env.NEXT_PUBLIC_BASE_DOMAIN?.startsWith("localhost") ? "http" : "https") + "://" + process.env.NEXT_PUBLIC_BASE_DOMAIN!),
13	rakinar2	575	title: "SudoBot Documentation",
14			description: "A guide to get you started with SudoBot!",
15	rakinar2	602	alternates: {
16			canonical: "./"
17			},
18	rakinar2	575	};
19
20			export const viewport: Viewport = {
21			colorScheme: "dark",
22			initialScale: 1,
23			themeColor: "#000",
24			};
25
26			export default function RootLayout({ children }: PropsWithChildren) {
27			return (
28			<html lang="en" className="dark">
29			<body className={inter.className}>
30			<Providers>
31			<Navbar />
32			<Progress />
33			{children}
34			</Providers>
35			</body>
36			</html>
37			);
38			}