feat: Add server overview tab

[EladAriel]

Summary

Add server overview tab to display server capabilities and configuration in a centralized view.

Motivation and Context

The MCP Inspector currently scatters server information across different tabs and sidebar elements. Users need a unified view to quickly understand:

• What capabilities their connected MCP server supports (resources, prompts, tools)
• Server configuration (transport type, command/URL, arguments)

This overview tab provides a centralized dashboard that improves user experience by making server information immediately accessible.

How Has This Been Tested?

• [x] Tested with stdio transport connections
• [ ] Tested with SSE transport connections
• [ ] Tested with servers that support different capability combinations (resources only, tools only, all capabilities)
• [x] Verified overview tab displays correctly when no server is connected
• [x] Tested responsive layout on different screen sizes
• [x] Verified tab navigation works properly

Breaking Changes

No breaking changes. This is purely additive functionality that enhances the existing UI without modifying any existing APIs or configurations.

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)
• [ ] Documentation update

Checklist

• [x] I have read the MCP Documentation
• [x] My code follows the repository's style guidelines
• [ ] New and existing tests pass locally
• [x] I have added appropriate error handling
• [ ] I have added or updated documentation as needed

Code Formatting Note

During development, npm run prettier-check identified formatting issues in 100+ existing files unrelated to this feature. To keep this PR focused and reviewable, these broader formatting changes were reverted. The 3 files in this PR (App.tsx, OverviewTab.tsx, card.tsx) follow the project's formatting standards.

Recommendation: The broader codebase formatting should be addressed in a separate PR to avoid mixing formatting changes with feature changes.

Implementation Details

• Added new OverviewTab component that displays server capabilities and transport details
• Integrated overview tab as the default landing tab when connected to an MCP server
• Used UI components (Card) for consistent styling
• Overview tab is always available regardless of server capabilities

Files Changed

• client/src/App.tsx - Added overview tab integration and routing
• client/src/components/OverviewTab.tsx - New component for server overview display
• client/src/components/ui/card.tsx - Added Card UI component for structured layout

Visual Preview

Future Enhancements

• Could add server performance metrics
• Could display more detailed capability information
• Could include server metadata if available through MCP protocol

Related PR

feat: Add comprehensive multi-server support to MCP Inspector #749

This PR is submitted by Elad Ariel on behalf of the SAP AI Guild (IL).