fix(gtm-architect): Stabilize Docker environment and fix frontend

- Refactor Docker build process for gtm-app to ensure reliability
- Correct volume mounts and build context in docker-compose.yml to prevent stale code
- Fix frontend 404 error by using relative paths in index.html
- Ensure API key is correctly mounted into the container
- Stabilize Node.js to Python data passing via explicit --data argument
- Update gtm_architect_documentation.md with extensive troubleshooting guide

gtm-architect/App.tsx

@@ -696,7 +696,7 @@ ${prompt.prompt}\n\
           <div>
             <h3 className="text-sm font-bold uppercase tracking-wider text-slate-500 mb-2">{labels.features}</h3>
             <ul className="space-y-2">
-              {state.phase1Result?.features.map((f, i) => (
+              {(state.phase1Result?.phase1_technical_extraction?.features || []).map((f, i) => (
                 <li key={i} className="flex justify-between items-center group text-sm p-2 rounded border bg-slate-50 dark:bg-robo-900 border-slate-200 dark:border-robo-700">
                   <span>{f}</span>
                   <button onClick={() => removeFeature(i)} className="opacity-0 group-hover:opacity-100 text-red-500"><X size={14}/></button>
@@ -711,7 +711,7 @@ ${prompt.prompt}\n\
           <div>
             <h3 className="text-sm font-bold uppercase tracking-wider text-slate-500 mb-2">{labels.constraints}</h3>
             <ul className="space-y-2">
-              {state.phase1Result?.constraints.map((c, i) => (
+              {(state.phase1Result?.phase1_technical_extraction?.constraints || []).map((c, i) => (
                 <li key={i} className="flex justify-between items-center group text-sm p-2 rounded border bg-red-50 dark:bg-robo-900 border-red-200 dark:border-red-900/30">
                   <span>{c}</span>
                   <button onClick={() => removeConstraint(i)} className="opacity-0 group-hover:opacity-100 text-red-600"><X size={14}/></button>