fix(Versions): replace radio with sections

[Copilot]

Closes #2772

This PR transforms the Versions page from a radio button navigation interface to a sectioned layout that displays all node types simultaneously, improving the user experience by eliminating the need to switch between tabs.

Changes Made

UI Architecture Overhaul

• Removed: Radio button tabs (SegmentedRadioGroup) for switching between Storage, Database, and Other nodes
• Added: Sectioned layout with all node types visible at once
• Enhanced: Individual expand/collapse controls for each section instead of global expansion

Navigation Improvements

• Added: Clickable node count buttons for database nodes that navigate directly to the database's Nodes diagnostics tab
• Maintained: Regular text display for non-database node counts
• Improved: Better visual hierarchy with section-based organization

State Management Cleanup

• Removed: nodeType URL parameter (no longer needed since all sections are visible)
• Maintained: groupBy URL parameter for database nodes grouping options
• Simplified: Component state by removing global expansion logic

Code Quality Improvements

• Removed: constants.ts file with node type enums (no longer needed)
• Added: Reusable VersionsSection component for better code organization
• Enhanced: TypeScript typing and proper component separation
• Optimized: CSS by removing unused control styles

Technical Implementation

The new VersionsSection component handles individual section rendering with:

• Section title and optional controls (like grouping options for database nodes)
• Independent expand/collapse state management
• Conditional rendering based on node availability

Database nodes now feature enhanced functionality:

• Clickable node count buttons with arrow icons
• Direct navigation to tenant diagnostics pages
• Version progress bars (only for database nodes)

Before/After

Before: Users had to switch between radio button tabs to view different node types
After: All node types are displayed in organized sections with individual controls

This change aligns with the Figma design specifications and provides a more comprehensive view of cluster nodes while maintaining all existing functionality.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.