arbret/frontend/app/layout.tsx

import { AuthProvider } from "./auth-context";
import { Providers } from "./components/Providers";
import { HtmlLang } from "./components/HtmlLang";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="es">
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        <link
          href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap"
          rel="stylesheet"
        />
        <style>{`
          * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
          }
          body {
            font-family: 'DM Sans', system-ui, sans-serif;
            -webkit-font-smoothing: antialiased;
          }
          input:focus {
            border-color: rgba(139, 92, 246, 0.5) !important;
            box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
          }
          button:hover:not(:disabled) {
            transform: translateY(-1px);
            box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5);
          }
          button:active:not(:disabled) {
            transform: translateY(0);
          }
          a:hover {
            text-decoration: underline;
          }
        `}</style>
      </head>
      <body>
        <Providers>
          <HtmlLang />
          <AuthProvider>{children}</AuthProvider>
        </Providers>
      </body>
    </html>
  );
}
tests passing 2025-12-18 22:08:31 +01:00			`import { AuthProvider } from "./auth-context";`
Phase 1: Infrastructure setup - Install next-intl and create basic i18n structure - Install next-intl package - Create LanguageProvider hook with localStorage persistence - Create IntlProvider component for next-intl integration - Create Providers wrapper component - Update layout.tsx to include providers and set default lang to 'es' - Create initial translation files (common.json) for es, en, ca - Fix pre-existing TypeScript errors in various pages All tests passing, build successful. 2025-12-25 21:50:34 +01:00			`import { Providers } from "./components/Providers";`
Make HTML lang attribute dynamic based on selected language - Create HtmlLang client component that updates document.documentElement.lang - Add HtmlLang component to layout.tsx to sync HTML lang attribute with locale - HTML lang now updates automatically when user changes language 2025-12-26 11:38:38 +01:00			`import { HtmlLang } from "./components/HtmlLang";`
tests passing 2025-12-18 22:08:31 +01:00
starting 2025-12-18 21:37:28 +01:00			`export default function RootLayout({ children }: { children: React.ReactNode }) {`
			`return (`
Phase 1: Infrastructure setup - Install next-intl and create basic i18n structure - Install next-intl package - Create LanguageProvider hook with localStorage persistence - Create IntlProvider component for next-intl integration - Create Providers wrapper component - Update layout.tsx to include providers and set default lang to 'es' - Create initial translation files (common.json) for es, en, ca - Fix pre-existing TypeScript errors in various pages All tests passing, build successful. 2025-12-25 21:50:34 +01:00			`<html lang="es">`
tests passing 2025-12-18 22:08:31 +01:00			`<head>`
			`<link rel="preconnect" href="https://fonts.googleapis.com" />`
			`<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />`
			`<link`
			`href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap"`
			`rel="stylesheet"`
			`/>`
			<style>{`
			`* {`
			`margin: 0;`
			`padding: 0;`
			`box-sizing: border-box;`
			`}`
			`body {`
			`font-family: 'DM Sans', system-ui, sans-serif;`
			`-webkit-font-smoothing: antialiased;`
			`}`
			`input:focus {`
			`border-color: rgba(139, 92, 246, 0.5) !important;`
			`box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;`
			`}`
			`button:hover:not(:disabled) {`
			`transform: translateY(-1px);`
			`box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5);`
			`}`
			`button:active:not(:disabled) {`
			`transform: translateY(0);`
			`}`
			`a:hover {`
			`text-decoration: underline;`
			`}`
			`}</style>
			`</head>`
			`<body>`
Phase 1: Infrastructure setup - Install next-intl and create basic i18n structure - Install next-intl package - Create LanguageProvider hook with localStorage persistence - Create IntlProvider component for next-intl integration - Create Providers wrapper component - Update layout.tsx to include providers and set default lang to 'es' - Create initial translation files (common.json) for es, en, ca - Fix pre-existing TypeScript errors in various pages All tests passing, build successful. 2025-12-25 21:50:34 +01:00			`<Providers>`
Make HTML lang attribute dynamic based on selected language - Create HtmlLang client component that updates document.documentElement.lang - Add HtmlLang component to layout.tsx to sync HTML lang attribute with locale - HTML lang now updates automatically when user changes language 2025-12-26 11:38:38 +01:00			`<HtmlLang />`
Phase 1: Infrastructure setup - Install next-intl and create basic i18n structure - Install next-intl package - Create LanguageProvider hook with localStorage persistence - Create IntlProvider component for next-intl integration - Create Providers wrapper component - Update layout.tsx to include providers and set default lang to 'es' - Create initial translation files (common.json) for es, en, ca - Fix pre-existing TypeScript errors in various pages All tests passing, build successful. 2025-12-25 21:50:34 +01:00			`<AuthProvider>{children}</AuthProvider>`
			`</Providers>`
tests passing 2025-12-18 22:08:31 +01:00			`</body>`
starting 2025-12-18 21:37:28 +01:00			`</html>`
			`);`
			`}`