feat: Enhance Deployment Progress Bar

[TurkerKoc]

Enhanced Deployment Progress Visualization

This PR significantly improves the deployment progress tracking experience by redesigning how deployment steps are visualized and timed.

What Changed

• Split Progress Tracking: Replaced the single combined progress bar with individual progress bars for each deployment step
• Per-Step Timing: Added separate time estimations and completion tracking for each step in the deployment process
• Improved Time Accuracy: Enhanced timing calculations with better transition tracking between deployment states
• Visual Updates: Redesigned the progress UI with a vertical layout for better readability and understanding of the current deployment status
• Detailed Remaining Time: Shows both per-step remaining time and total remaining time for the entire deployment

Why This Matters

These changes provide users with more detailed and granular information about their deployments. Instead of a single overall progress indicator, users can now see exactly which step is currently active and how much time remains for each individual step. This helps with:

• Understanding which deployment phase is taking longer
• Getting more accurate time estimations
• Identifying exactly where a deployment might have failed
• Better visibility into the overall deployment process

The vertical layout with individual progress bars delivers a more intuitive experience, making it easier to understand the current state of deployments at a glance.

Next Steps

• Since we are not storing any additional information on failing steps of workflows. We can not show when the deployment is failed after refreshing the page.
• To achieve this we need to store the status before the failure and timestamps of each step start/end times.

Screen Record

Screen.Recording.2025-03-10.at.18.22.31.mov

[codacy-production]

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
✅ -0.12% (target: -1.00%)	✅ 0.00%

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (c97f532)	5225	631	12.08%
Head commit (0d2670a)	5278 (+53)	631 (+0)	11.96% (-0.12%)

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#464)	97	0	0.00%

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings    Change summary preferences

_{Codacy stopped sending the deprecated coverage status on June 5th, 2024. Learn more}

[github-actions]

There hasn't been any activity on this pull request recently. Therefore, this pull request has been automatically marked as stale and will be closed if no further activity occurs within seven days. Thank you for your contributions.