docs/app/layout.tsx

import Navbar from "@/components/Navbar/Navbar";
import Progress from "@/components/Navigation/Progress";
import { BASE_URL } from "@/utils/links";
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(BASE_URL),
    title: {
        default: "SudoBot Documentation",
        template: "%s | 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	rakinar2	626	import { BASE_URL } from "@/utils/links";
4	rakinar2	575	import type { Metadata, Viewport } from "next";
5			import { Inter } from "next/font/google";
6			import { PropsWithChildren } from "react";
7			import "../styles/globals.css";
8			import Providers from "./providers";
9
10			const inter = Inter({ subsets: ["latin"] });
11
12			export const metadata: Metadata = {
13	rakinar2	626	metadataBase: new URL(BASE_URL),
14			title: {
15			default: "SudoBot Documentation",
16			template: "%s \| SudoBot Documentation",
17			},
18	rakinar2	575	description: "A guide to get you started with SudoBot!",
19	rakinar2	602	alternates: {
20	rakinar2	626	canonical: "./",
21	rakinar2	602	},
22	rakinar2	575	};
23
24			export const viewport: Viewport = {
25			colorScheme: "dark",
26			initialScale: 1,
27			themeColor: "#000",
28			};
29
30			export default function RootLayout({ children }: PropsWithChildren) {
31			return (
32			<html lang="en" className="dark">
33			<body className={inter.className}>
34			<Providers>
35			<Navbar />
36			<Progress />
37			{children}
38			</Providers>
39			</body>
40			</html>
41			);
42			}