api and shadcn

src/app/layout.tsx

@@ -1,34 +1,35 @@
-import type { Metadata } from "next";
-import { Roboto, Roboto_Mono } from "next/font/google";
-import "./globals.css";
-
-const roboto = Roboto({
-  weight: "500",
-  subsets: ["latin"],
-  variable: "--font-roboto",
-});
-
-const robotoMono = Roboto_Mono({
-  weight: "500",
-  subsets: ["latin"],
-  variable: "--font-roboto-mono",
-});
+import type { Metadata } from 'next';
+import { cn } from '@/lib/utils';
+import './globals.css';
+import { ThemeProvider } from './ThemeProvider';
 
 export const metadata: Metadata = {
-  title: "Klayrion: The best AI social media scheduling tool",
-  description: "Generated by create next app",
+    title: 'Create Next App',
+    description: 'Generated by create next app',
 };
 
 export default function RootLayout({
-  children,
+    children,
 }: Readonly<{
-  children: React.ReactNode;
+    children: React.ReactNode;
 }>) {
-  return (
-    <html lang="en">
-      <body className={`${roboto.variable} ${robotoMono.variable} antialiased`}>
-        {children}
-      </body>
-    </html>
-  );
+    return (
+        <html lang="en" suppressHydrationWarning>
+            <body
+                suppressHydrationWarning
+                className={cn(
+                    'min-h-screen bg-background font-sans antialiased'
+                )}
+            >
+                <ThemeProvider
+                    attribute="class"
+                    defaultTheme="dark"
+                    enableSystem
+                    disableTransitionOnChange
+                >
+                    {children}
+                </ThemeProvider>
+            </body>
+        </html>
+    );
 }