tessera-ctl/apps/web/src/app/layout.tsx

import type { Metadata } from 'next';
import { NextIntlClientProvider } from 'next-intl';
import { getLocale, getMessages } from 'next-intl/server';
import { ThemeProvider } from 'next-themes';
import { DesktopContextMenuGuard } from '@/components/desktop/desktop-context-menu-guard';
import { DesktopExternalLinks } from '@/components/desktop/desktop-external-links';
import { DesktopPlatformMarker } from '@/components/desktop/desktop-platform-marker';
import { DesktopThemeSync } from '@/components/desktop/desktop-theme-sync';
import './globals.css';

export const metadata: Metadata = {
  title: 'Tessera',
  description: 'Modulare Workflow-Plattform',
};

export default async function RootLayout({ children }: { children: React.ReactNode }) {
  const locale = await getLocale();
  const messages = await getMessages();

  return (
    <html lang={locale} suppressHydrationWarning>
      <body className="font-sans antialiased bg-background text-foreground">
        <ThemeProvider
          attribute="class"
          defaultTheme="system"
          enableSystem
          disableTransitionOnChange
        >
          <NextIntlClientProvider messages={messages}>
            <DesktopContextMenuGuard />
            <DesktopExternalLinks />
            <DesktopThemeSync />
            <DesktopPlatformMarker />
            {children}
          </NextIntlClientProvider>
        </ThemeProvider>
      </body>
    </html>
  );
}