Fix client loading as atomcms normal

src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { NextIntlClientProvider } from "next-intl";
 import { getLocale, getMessages } from "next-intl/server";
 import { Nunito } from "next/font/google";
+import { headers } from "next/headers";
 import type { ReactNode } from "react";
 import { Navigation } from "@/components/navigation";
 import { PwaRegister } from "@/components/pwa-register";
@@ -36,6 +37,12 @@ export default async function RootLayout({ children }: { children: ReactNode })
   // "Dusk" / dark-by-default: the site starts dark unless the visitor has picked
   // light. The saved choice always wins over the default.
   const defaultDark = await siteSettings.getBool("default_dark", false);
+
+  const headersList = await headers();
+  const pathname = headersList.get("x-pathname") || "";
+  const isClient = pathname === "/client" || pathname.startsWith("/client/");
+  console.log(`[RootLayout] pathname: "${pathname}", isClient: ${isClient}`);
+
   return (
     <html lang={locale} className={`app ${nunito.variable}`}>
       <head>
@@ -52,19 +59,26 @@ export default async function RootLayout({ children }: { children: ReactNode })
       >
         <NextIntlClientProvider locale={locale} messages={messages}>
           <ThemeVars />
-          <TopHeader />
+          {isClient ? (
-          <SiteHeader />
+            children
-          <Navigation />
+          ) : (
-          <main className="overflow-hidden site-bg">
+            <>
-            <div className="mx-auto mt-10 grid max-w-7xl grid-cols-12 gap-x-3 gap-y-8 p-6 md:mt-0">
+              <TopHeader />
-              <div className="col-span-12">{children}</div>
+              <SiteHeader />
-            </div>
+              <Navigation />
-          </main>
+              <main className="overflow-hidden site-bg">
-          <SiteFooter />
+                <div className="mx-auto mt-10 grid max-w-7xl grid-cols-12 gap-x-3 gap-y-8 p-6 md:mt-0">
-          <RadioPlayerGate />
+                  <div className="col-span-12">{children}</div>
+                </div>
+              </main>
+              <SiteFooter />
+              <RadioPlayerGate />
+            </>
+          )}
           <PwaRegister />
         </NextIntlClientProvider>
       </body>
     </html>
   );
 }
+

src/app/page.tsx

@@ -234,7 +234,7 @@ export default async function HomePage() {
               />
             </Link>
             <div className="flex items-center mb-4">
-              <Link href="/client">
+              <Link href="/client" target="_blank" rel="noopener noreferrer">
                 <button
                   type="button"
                   className="group rounded-full px-7 py-3 text-sm font-bold tracking-wider transition-all duration-300 hover:scale-105 active:scale-95"