import type { Metadata } from "next";
import "@/styles/globals.css";
import { Toaster } from "sonner";
import QueryProvider from "@/lib/hooks/query-provider";
import { ErrorBoundary } from "@/components/error-boundary";
import { CmsProvider } from "@/lib/providers/cms-provider";
import { AuthHydrator } from "@/lib/providers/auth-hydrator";

export const metadata: Metadata = {
  title: "शोध संचयन — Academic Press",
  description: "शोधपत्र जमा, समीक्षा एवं प्रकाशन मंच / Paper Submission, Review & Publishing Platform",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    // translate="no" + the notranslate meta stop Chrome's auto-translate from
    // rewriting React-managed text nodes (classic removeChild crash, react#11538).
    // The app ships its own English/Hindi toggle, so machine translation of the
    // page is redundant and unsafe for scholarly titles.
    <html lang="hi" translate="no" suppressHydrationWarning>
      <body suppressHydrationWarning>
        <QueryProvider>
          <AuthHydrator>
            <CmsProvider>
              <ErrorBoundary>
                {children}
              </ErrorBoundary>
              <Toaster richColors position="top-right" />
            </CmsProvider>
          </AuthHydrator>
        </QueryProvider>
      </body>
    </html>
  );
}
