fix: extract JSX object literals to avoid Handlebars double-brace conflict

Handlebars interprets `={{` in JSX (e.g., `labels={{ title: "..." }}`)
as template syntax, causing parse errors during template rendering.
Fix: extract labels and suggestions as const variables before JSX,
using single-brace `{labels}` which Handlebars ignores.

Author: aidandaly24

src/assets/frontend/copilotkit/src/app/page.tsx

@@ -8,6 +8,16 @@ import { CopilotChat } from "@copilotkit/react-ui";
 import { CopilotSidebar } from "@copilotkit/react-ui";
 {{/if}}{{/if}}
 
+const labels = {
+  title: "{{name}}",
+  initial: "Hi! I'm your AI assistant. How can I help?",
+};
+
+const suggestions = [
+  { title: "Get started", message: "What can you do?" },
+  { title: "Help", message: "Show me some examples." },
+];
+
 export default function Home() {
   return (
     <main>
@@ -18,13 +28,7 @@ export default function Home() {
           <p className="text-gray-600 mb-8">Click the chat bubble to talk to your agent.</p>
         </div>
       </div>
-      <CopilotPopup
-        labels={{
-          title: "{{name}}",
-          initial: "Hi! I'm your AI assistant. How can I help?",
-        }}
-        defaultOpen={false}
-      />
+      <CopilotPopup labels={labels} defaultOpen={false} />
 {{else}}{{#if (eq frontendLayout "chat")}}
       <div className="flex h-screen">
         <div className="flex-1 flex items-center justify-center bg-gradient-to-br from-indigo-50 to-white">
@@ -34,26 +38,15 @@ export default function Home() {
           </div>
         </div>
         <div className="w-[420px] border-l">
-          <CopilotChat
-            labels={{
-              title: "{{name}}",
-              initial: "Hi! I'm your AI assistant. How can I help?",
-            }}
-          />
+          <CopilotChat labels={labels} />
         </div>
       </div>
 {{else}}
       <CopilotSidebar
         clickOutsideToClose={false}
         defaultOpen={true}
-        labels={{
-          title: "{{name}}",
-          initial: "Hi! I'm your AI assistant. How can I help?",
-        }}
-        suggestions={[
-          { title: "Get started", message: "What can you do?" },
-          { title: "Help", message: "Show me some examples." },
-        ]}
+        labels={labels}
+        suggestions={suggestions}
       >
         <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-indigo-50 to-white">
           <div className="text-center">