import './globals.css'; import type { Metadata } from 'next'; import { Inter } from 'next/font/google'; import { ThemeProvider } from '@/components/theme-provider'; import { Toaster } from '@/components/ui/sonner'; import dynamic from 'next/dynamic'; const inter = Inter({ subsets: ['latin'] }); // Import the OAuthCallbackHandler dynamically to ensure it only runs on the client const OAuthCallbackHandler = dynamic( () => import('@/components/ui/oauth-callback-handler').then(mod => mod.OAuthCallbackHandler), { ssr: false } ); export const metadata: Metadata = { title: 'AI Movie Flow - Create Amazing Videos with AI', description: 'Professional AI-powered video creation platform with advanced editing tools', }; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( {children} ); }