Initial ChatGPT Agent demo

app/layout.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { Metadata } from 'next';
+import { ThemeProvider } from '@/components/theme-provider';
+import './globals.css';
+
+export const metadata: Metadata = {
+  title: 'ChatGPT Agent',
+  description: 'A ChatGPT-powered assistant for clear, useful answers.',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className="m-0 p-0 font-body">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <div className="h-screen overflow-hidden bg-muted">{children}</div>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}