login register comlated

src/app/[locale]/layout.tsx

@@ -12,18 +12,34 @@ import QueryProvider from '@/shared/config/react-query/QueryProvider';
 import Script from 'next/script';
 import Provider from '@/features/providers/provider';
 import { ToastContainer } from 'react-toastify';
+import type { Metadata } from 'next';
+import { generateRootMetadata } from '@/shared/lib/metadata';
+
+// ─── Types ─────────────────────────────────────────────────────────────────────
 
 type Props = {
   children: ReactNode;
   params: Promise<{ locale: Locale }>;
 };
 
+// ─── Static params ─────────────────────────────────────────────────────────────
+
 export function generateStaticParams() {
   return routing.locales.map((locale) => ({ locale }));
 }
 
+// ─── Metadata (OpenGraph + SEO) ────────────────────────────────────────────────
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { locale } = await params;
+  return generateRootMetadata(locale);
+}
+
+// ─── Layout ────────────────────────────────────────────────────────────────────
+
 export default async function RootLayout({ children, params }: Props) {
   const { locale } = await params;
+
   if (!hasLocale(routing.locales, locale)) {
     notFound();
   }
@@ -52,6 +68,7 @@ export default async function RootLayout({ children, params }: Props) {
           </ThemeProvider>
         </NextIntlClientProvider>
       </body>
+
       <Script
         src="https://buttons.github.io/buttons.js"
         strategy="lazyOnload"