Amaresh taking over for Alisha: Implementation of learner knowledge evolution frontend

[alishawalunj]

Description

Related PRS (if any):

This frontend PR is related to the #1927 backend PR.

Knowledge Evolution Component

Main Changes

• Added the Knowledge Evolution component along with its CSS module.
• Integrated frontend with backend via the appropriate API URL.
• Configured the reducer to fetch and manage knowledge evolution data.
• Added constants for knowledge evolution and integrated them in the controller file.

How to Test

1. Switch to the current branch.
2. Run npm install and start the project locally.
3. Clear browser site data and cache.
4. Log in as the devadmin user.
5. Navigate to: http://localhost:5173/student/knowledge-evolution
6. If prompted to login again use devAdmin credentials
7. Verify that the Summary section correctly displays the status of all subjects.
8. Hover over the chart to check the tooltip display and ensure the legend below the chart shows the correct statuses.
9. Navigate through different subjects and confirm that the atom content display updates accordingly.
10. Check that the atom colors are correct:

• Completed: gold
• In Progress: green
• Not Earned / Not Started: grey

Screenshots or videos of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	1bd04b5
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a33517d6cfef600076c76b5
😎 Deploy Preview	https://deploy-preview-4476--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Anusha-Gali]

Hi Alisha,

I have reviewed your PR locally and have identified the below issues - do let me know if any aren't a part of your PR.

• There is no dark mode implementation for the page
• There is no word-wrapping

Other than that all the functionalities work as expected.

[alishawalunj]

@Anusha-Gali I’ve addressed the requested changes and pushed an update.
Could you please take another look when you get a chance? Thanks!

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[rohanrastogi311]

Hi Alisha,

I'm not having anything loading on the page.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud