Add Arcade FAQ chatbot popup

app/layout.tsx

@@ -2,6 +2,7 @@ import { readFileSync } from "node:fs"
 import path from "node:path"
 import localFont from "next/font/local"
 import type { Metadata, Viewport } from "next"
+import ArcadeFaqChatbot from "@/components/arcade/arcade-faq-chatbot"
 import WebsiteLanguage from "@/components/i18n/website-language"
 import CookieConsent from "@/components/privacy/cookie-consent"
 import BackToTop from "@/components/back-to-top"
@@ -35,6 +36,7 @@ import "./styles/profile-share.css"
 import "./styles/bonus-milestone.css"
 import "./styles/site-ui.css"
 import "./styles/back-to-top.css"
+import "./styles/arcade-chatbot.css"
 
 const arcadeRequestDedupeBootstrap = readFileSync(
   path.join(process.cwd(), "scripts", "arcade-request-dedupe.js"),
@@ -243,6 +245,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
           <ThemeToggle />
           {children}
           <BackToTop />
+          <ArcadeFaqChatbot />
           <CookieConsent
             analyticsEnabled={Boolean(googleAnalyticsId)}
             previewMode={cookieNoticePreviewMode}