Repository: Significant-Gravitas/Auto-GPT
File: autogpt_platform/frontend/src/app/layout.tsx (TypeScript)

Code before:
import { GoogleAnalytics } from "@next/third-parties/google";
import { Toaster } from "@/components/ui/toaster";
import { IconType } from "@/components/ui/icons";
import { GeistSans } from "geist/font/sans";
import { GeistMono } from "geist/font/mono";

// Fonts
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const poppins = Poppins({
  subsets: ["latin"],
  weight: ["400", "500", "600", "700"],
  variable: "--font-poppins",
});

export const metadata: Metadata = {
  title: "NextGen AutoGPT",
  description: "Your one stop shop to creating AI Agents",
};

export default async function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" className={`${poppins.variable}`}>
      <body className={cn("antialiased transition-colors", inter.className)}>
        <Providers
          attribute="class"
          defaultTheme="light"
          // Feel free to remove this line if you want to use the system theme by default
          // enableSystem
          disableTransitionOnChange
        >
          <div className="flex min-h-screen flex-col items-stretch justify-items-stretch">
            <Navbar
              links={[
                {
                  name: "Marketplace",
                  href: "/marketplace",
                },
                {
                  name: "Library",
                  href: "/monitoring",
                },
                {
                  name: "Build",
                  href: "/build",
                },
              ]}
              menuItemGroups={[

Review comment (suggestion):
```suggestion
    <html lang="en" className={`${poppins.variable} ${GeistSans.variable} ${GeistMono.variable}`}>
```
Geist exists and is different than inter, variable for it is `font-sans`:
<img width="1162" alt="Screenshot 2025-02-19 at 10 28 30 AM" src="https://github.com/user-attachments/assets/fe0d6557-6c5c-4ff2-8bf2-9ed26bdbd648" />


Code after:
import { GoogleAnalytics } from "@next/third-parties/google";
import { Toaster } from "@/components/ui/toaster";
import { IconType } from "@/components/ui/icons";
import { GeistSans } from "geist/font/sans";
import { GeistMono } from "geist/font/mono";

// Fonts
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const poppins = Poppins({
  subsets: ["latin"],
  weight: ["400", "500", "600", "700"],
  variable: "--font-poppins",
});

export const metadata: Metadata = {
  title: "NextGen AutoGPT",
  description: "Your one stop shop to creating AI Agents",
};

export default async function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html
      lang="en"
      className={`${poppins.variable} ${GeistSans.variable} ${GeistMono.variable} ${inter.variable}`}
    >
      <body className={cn("antialiased transition-colors", inter.className)}>
        <Providers
          attribute="class"
          defaultTheme="light"
          // Feel free to remove this line if you want to use the system theme by default
          // enableSystem
          disableTransitionOnChange
        >
          <div className="flex min-h-screen flex-col items-stretch justify-items-stretch">
            <Navbar
              links={[
                {
                  name: "Marketplace",
                  href: "/marketplace",
                },
                {
                  name: "Library",
                  href: "/monitoring",
                },
                {
                  name: "Build",
                  href: "/build",