Course flow feature add progress tracking

[Triet-coder]

Description

I've created a comprehensive degree progress tracking component that shows:

• Overall Degree Progress: Displays the total percentage of completed units
• Unit Type Breakdown: Separate progress bars for core units and elective units
• Year-Level Progress: Completion percentage for each year of study
• Prerequisites Chain Progress: Tracks the completion of prerequisite chains
  To use this component in any template within the CourseFlow module, you can add it directly. The component will automatically:
• Calculate progress metrics based on the course map state
• Update whenever changes are made to the course map
• Display progress bars with different colors for different types of progress
• Show percentage completion for each metric

Styling:

• Core units → Blue
• Elective units → Purple
• Year progress → Orange
• Prerequisites → Pink
• Overall progress → Green

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

• Manually tested in the CourseFlow view with different course maps
• Verified progress bars update automatically when course map state changes
• Checked styling and responsiveness across unit types and years

Testing Checklist:

• Tested in latest Chrome

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

[AB-Deakin]

Hi Triet, tested this PR on 24/09 and after messaging you on teams I've tried again 28/09 still unable to get the changes to load or show anything in the courseflow for either of the PRs when tested. You'll need to add some more details into both PRs outlinging the build and testing you've done as there is currently no screenshots or working build shown.