Kinetic Edge Health

Description

Update the visual styling and usability of the application to improve clarity, consistency, and overall user experience. These changes focus on theme alignment, unobtrusive navigation, and contextual information access without cluttering the interface.

Requirements

1. Colour Palette Update

Revert the current green/black color scheme to the approved purple-based theme, using the design assets and references provided by Zach. The updated palette should be applied consistently across all relevant UI components.

2. Floating Navigation Indicator

Convert the “Step X of 3” progress indicator into a floating element that remains visible without obstructing user input. The floating placement must ensure it does not overlap or block form fields, particularly in the bottom-right area of the screen.

3. Tooltips for Membership Level Details

Implement hover-to-discover tooltips for Membership Level details. Tooltips should surface additional explanatory information while keeping the primary UI clean and uncluttered. Tooltip behavior should be consistent across desktop and responsive layouts.

Acceptance Criteria

• The application reflects the approved purple-based color theme consistently.
• The step progress indicator remains visible without blocking any interactive elements.
• Membership Level tooltips appear on hover, display correct information, and do not disrupt layout.
• UI changes are responsive and function correctly across supported screen sizes.