[Style]: Enhance Result Page with Dynamic Circle Progress Bars and Overall Score Display

[harmeetsingh11]

Issue Description

In the result page, our goal is to provide a more visually appealing and informative experience for users. To achieve this, we propose the following enhancements:

1. Dynamic Circle Progress Bars:

   • Integrate dynamic circle progress bars to visually represent scores for each section.
   • The progress bar should adjust based on the scores, providing users with a quick and intuitive overview.

2. Overall Score Display:

   • Add an "Overall Score" section to the upper part of the result page.
   • This section should display the cumulative or weighted average of scores from different sections, offering users a comprehensive summary.

Acceptance Criteria:

• Each circle progress bar visually represents the score of its respective section.
• The progress bars should dynamically adjust based on the scores achieved.
• An "Overall Score" section is added to the upper part of the result page.
• The "Overall Score" accurately reflects the cumulative or weighted average of scores from different sections.

This enhancement aims to improve the user interface and provide users with a clearer understanding of their performance. Let's create a more engaging and informative result page! 🚀💻

Screenshots

Record

• [x] I agree to follow this project's Code of Conduct 
• [x] I'm a SWOC 4.0 contributor
• [x] I want to work on this issue

[Aryainguz]

Go ahead @harmeetsingh11 you can work on this

[kamalsritha]

can you please assign me this issue under SWOC.