import type { Metadata } from 'next'; import { Inter } from 'next/font/google'; import './globals.css'; import { Providers } from '@/components/providers/Providers'; import { AppLayout } from '@/components/layout/AppLayout'; const inter = Inter({ subsets: ['latin'], variable: '--font-inter', }); export const metadata: Metadata = { title: 'Supervisor UI', description: 'Modern web interface for Supervisor process management', viewport: { width: 'device-width', initialScale: 1, maximumScale: 5, userScalable: true, }, }; // Force dynamic rendering export const dynamic = 'force-dynamic'; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (