Fix MCP button positioning for better visibility

- Move MCP connection button from BaseChat to ChatBox component
- Position MCP button in the bottom toolbar near other action buttons
- Improve discoverability of MCP functionality in the UI
- Remove unused import from BaseChat component

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

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

app/components/chat/AssistantMessage.tsx

@@ -127,6 +127,7 @@ export const AssistantMessage = memo(
                       </div>
                     </div>
                   )}
+                </div>
                 <div className="context"></div>
               </Popover>
             )}

app/components/chat/ChatBox.tsx

@@ -13,6 +13,7 @@ import { toast } from 'react-toastify';
 import { SpeechRecognitionButton } from '~/components/chat/SpeechRecognition';
 import { ExportChatButton } from '~/components/chat/chatExportAndImport/ExportChatButton';
 import { SupabaseConnection } from './SupabaseConnection';
+import { McpConnection } from './MCPConnection';
 import { ExpoQrModal } from '~/components/workbench/ExpoQrModal';
 import styles from './BaseChat.module.scss';
 import type { ProviderInfo } from '~/types/model';
@@ -302,6 +303,7 @@ export const ChatBox: React.FC<ChatBoxProps> = (props) => {
             </div>
           ) : null}
           <SupabaseConnection />
+          <McpConnection />
           <ExpoQrModal open={props.qrModalOpen} onClose={() => props.setQrModalOpen(false)} />
         </div>
       </div>