fix: move troubleshoot button inside message to keep alert layout consistent

Embedding the button in the message prop instead of description
prevents Ant Design Alert from switching to the expanded layout
for errors only.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: tahierhussain

frontend/src/ide/chat-ai/DisplayErrorMessages.jsx

@@ -51,23 +51,21 @@ const DisplayErrorMessages = memo(function DisplayErrorMessages({
                   <ReactMarkdown remarkPlugins={[remarkGfm]}>
                     {text}
                   </ReactMarkdown>
+                  {!showAsWarning && onTroubleshoot && text && (
+                    <Button
+                      type="link"
+                      size="small"
+                      icon={<ToolOutlined />}
+                      onClick={() => onTroubleshoot(text)}
+                      style={{ padding: 0, marginTop: 8 }}
+                    >
+                      Troubleshoot this
+                    </Button>
+                  )}
                 </div>
               }
               type={showAsWarning ? "warning" : "error"}
               className="width-100"
-              description={
-                !showAsWarning && onTroubleshoot && text ? (
-                  <Button
-                    type="link"
-                    size="small"
-                    icon={<ToolOutlined />}
-                    onClick={() => onTroubleshoot(text)}
-                    style={{ padding: 0, marginTop: 8 }}
-                  >
-                    Troubleshoot this
-                  </Button>
-                ) : null
-              }
             />
           </div>
         );