fix: Bug fixes of #19515,#19330,#19278

[Ravikirana-Microsoft]

Purpose

• ...

Summary

This pull request introduces several updates to improve state management and UI rendering in the frontend components. Key changes include refactoring state updates for task steps, enhancing the ProgressCircle component with new visual elements, and optimizing data handling in the PlanPage component.

State Management Improvements:

• src/frontend/src/components/content/TaskDetails.tsx: Refactored the initialization of task steps and progress calculations using useEffect, and removed redundant local state updates for step approval/rejection. [1] [2] [3]

UI Enhancements:

• src/frontend/src/coral/components/Progress/ProgressCircle.tsx: Added a new borderColor prop to the ProgressCircle component and implemented outer and inner border circles for improved visual styling. [1] [2] [3] [4]

Data Handling Optimization:

• src/frontend/src/pages/PlanPage.tsx: Introduced an allPlans state to cache multiple plans, optimized plan data updates with useEffect and useCallback, and removed unnecessary console logs for cleaner code. [1] [2] [3] [4]

Does this introduce a breaking change?

• Yes
• No

How to Test

• Get the code

git clone [repo-address]
cd [repo-name]
git checkout [branch-name]
npm install

• Test the code

What to Check

Verify that the following are valid

• ...

Other Information

[github-actions]

🎉 This PR is included in version 2.1.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀