fix: Fix MCP Servers UI Tabs import error and complete implementation

- Replace TabItem child components with items array pattern for Tabs
- Fix import error by removing non-existent TabItem export
- Complete MCP Registry implementation with automatic registration
- Add comprehensive API key management functions
- Include deployment documentation and developer guides

The MCP Servers page now correctly uses the Amplify UI React Tabs
component pattern, allowing proper rendering of the Registry and
Environment Info tabs.

Author: guyernest

app.py

@@ -15,6 +15,7 @@
 from stacks.shared.shared_llm_stack import SharedLLMStack
 from stacks.shared.shared_infrastructure_stack import SharedInfrastructureStack
 from stacks.shared.agent_registry_stack import AgentRegistryStack
+from stacks.shared.mcp_registry_stack import MCPRegistryStack
 from stacks.tools.db_interface_tool_stack import DBInterfaceToolStack
 from stacks.tools.e2b_tool_stack import E2BToolStack
 from stacks.tools.google_maps_tool_stack import GoogleMapsToolStack
@@ -101,6 +102,39 @@ def main():
         description=f"Agent Registry for dynamic configurations in {environment} environment"
     )
 
+    # Get MCP endpoint URL from context or environment
+    # This will be set by the UI Amplify deployment
+    mcp_endpoint_url = os.environ.get('MCP_ENDPOINT_URL', 'https://api.example.com/mcp')
+    if environment == "prod":
+        # Use the production MCP endpoint from our deployment
+        mcp_endpoint_url = "https://fkg9gkvzxk.execute-api.us-west-2.amazonaws.com/mcp"
+    
+    # Deploy MCP Registry stack
+    # This creates DynamoDB table for MCP Server Registry
+    mcp_registry_stack = MCPRegistryStack(
+        app,
+        f"MCPRegistryStack-{environment}",
+        env_name=environment,
+        mcp_endpoint_url=mcp_endpoint_url,
+        env=env,
+        description=f"MCP Server Registry for {environment} environment"
+    )
+    
+    # Deploy MCP GraphQL API stack
+    # This creates AppSync GraphQL API for MCP Registry
+    from stacks.shared.mcp_graphql_stack import MCPGraphQLStack
+    
+    mcp_graphql_stack = MCPGraphQLStack(
+        app,
+        f"MCPGraphQLStack-{environment}",
+        mcp_registry_table_name=mcp_registry_stack.mcp_registry_table.table_name,
+        mcp_registry_table_arn=mcp_registry_stack.mcp_registry_table.table_arn,
+        env_name=environment,
+        env=env,
+        description=f"MCP Registry GraphQL API for {environment} environment"
+    )
+    mcp_graphql_stack.add_dependency(mcp_registry_stack)
+    
     # Deploy tool stacks
     # These deploy individual tool Lambda functions and register them in DynamoDB