Enhance Environment Overrides View with grouped VerticalTabNav

[stefinie123]

Purpose

Resolves: openchoreo/openchoreo#1448

This PR adds following changes:

• Group trait overrides in Environment Overrides View for better clarity
• Display trait type and other configured trait parameters to give users more context on the trait
• Sanitize form labels when rendering RJSF forms

Screen.Recording.2026-01-14.at.14.04.20.mov

Approach

This pull request introduces several enhancements and improvements to the design system's vertical tab navigation and the environment overrides UI in the OpenChoreo plugin. The main focus is on adding support for collapsible tab groups (with nested tabs), improving trait tab organization, enhancing trait labeling, and refining the UI for destructive actions.

Key changes include:

Vertical Tab Navigation Enhancements

• Added support for collapsible tab groups and nested tabs in VerticalTabNav and VerticalTabItem, including new props (children, isGroup, level) and expand/collapse UI with appropriate styling. This allows for grouping related tabs (such as traits) under a parent group for better organization. [1] [2] [3] [4] [5] [6] [7]

Environment Overrides Page Improvements

• Refactored the environment overrides tab structure to group trait tabs under a "Traits" collapsible group, improving navigation and clarity when multiple traits are present. The group displays an aggregated status based on its children. [1] [2] [3] [4]
• Added logic to fetch and display trait type information alongside trait instance names, and included a TraitParameters component for additional context in trait override sections. [1] [2] [3]

Label and Usability Improvements

• Enhanced the sanitizeLabel utility to recognize and properly capitalize common acronyms (e.g., "cpu" → "CPU", "apiUrl" → "API URL", "httpPort" → "HTTP Port"), improving label readability throughout the UI. [1] [2] [3]
• Updated the delete confirmation dialog to improve visual cues for destructive actions, including a custom-styled delete button and clearer dialog titles. [1] [2] [3]

These changes collectively enhance the user experience by making navigation more intuitive, improving clarity in trait management, and ensuring consistent, user-friendly labeling and feedback for critical actions.