feat: add performance bands

[faithque]

Description

This pull request completely overhauls the "Performance Bands" component on the progress dashboard by migrating it from static mock HTML into a robust, standalone Angular directive.

Previously, the performance bands defaulted to an empty 0% state for students without rigidly graded tasks. This PR implements a dynamic trajectory calculation based on the student's live $scope.project.activeTasks(). The system now successfully groups task statuses and evaluation criteria into four bands (High Distinction, Above Average, Average, Below Average), guaranteeing a continuous representation of progress throughout the term.

Additionally, this change replaces the previous flat CSS layout with a premium, sleek aesthetic featuring physics-like micro-animations, color gradients, and elevation styling.

The change includes:

• Updating performance-bands.coffee logic to dynamically map live task progression instead of static percentage properties.
• Refactoring performance-bands.tpl.html and performance-bands.scss into a premium responsive component with native data bindings.
• Extracting the static HTML card from progress-dashboard.tpl.html and replacing it with the dynamic <performance-bands> directive tag.
• Updating doubtfire-angularjs.module.ts to actively import the isolated component into the modern Angular bundler pipeline.
• Dropping obsolete state variables from the progress-dashboard.coffee controller.

Fixes # (issue)

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Test steps:

1. Run the project locally.
2. Log in as a student with active tasks in any unit.
3. Open the Progress Dashboard view.
4. Confirm that the "Performance Bands" panel successfully renders dynamic widths based on actual task statuses and does not flatten out at 0%.
5. Confirm UI responsiveness and toggle visibility functionalities operate smoothly.

Testing Checklist:

• Tested in latest Chrome
• Tested in latest Safari
• Tested in latest Firefox
• Tested in latest Microsoft Edge

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have requested a review from two members of the Frontend Migration team on the Pull Request.

[mudith-perera]

I’ve reviewed the PR and everything appears to be in order. Happy to approve.

[davidngash98]

Really nice work on this, Faith the feature concept is genuinely useful and the visual design is the standout. The gradient bars, rounded pill tracks, hover elevation, and toggle switch all feel modern. I like the hooking into $watchCollection plus the TaskStatusUpdated event means the bars react live as students complete work rather than going stale. Adding the entry to the project header dropdown was good and discoverable without cluttering the dashboard.

[mudith-perera]

Good Work Faith!. I’ve reviewed the PR and everything appears to be in order. Happy to approve.

[millyamolo]

I tasted the PR locally and verified the new performance bands feature works correctly. The UI and behavior looks correct during local testing. I did not see any regressions in the related screens. Ready to approve from my side.