rebase migration:grade-icon onto origin/8.0.x

[Shounaks]

Description

The purpose of grade-icon is to provide a unified simple component, for displaying the grade student is expecting.
Refer Documentation PR for Initial Information: thoth-tech/documentation#561
Refer Previous Declined PR (for dev branch.). This PR has been rebased to match with 8.0.x: #258

Fixes # (issue)

Type of change

• 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?

I have tested this code is working in browser and will be appending screenshots for the following to the Documentation PR.

Testing Checklist:

• Tested in latest Chrome
• Tested in latest Safari
• Tested in latest Firefox

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 @macite and @jakerenzella on the Pull Request

Screenshots Before Change:

students-list

portfolios:

group-member-contribution-assigner:

Student Group

Screenshots After Change:

students-list

portfolios:

group-member-contribution-assigner:

Student Group

Other Images

[satikaj]

Please add the before and after screenshots to this PR. Include screenshots of all places where the grade-icon is used.

[satikaj]

Some mentions of grade-icon were not addressed. Double check this. You can search up all occurrences of 'grade-icon' in VS Code

[Shounaks]

Thanks @satikaj , for the tasks, will target to finish them by EOD.

• use f-grade-icon
• Parent components may not always pass in a number. They may pass in a string. In old angular.js file, they checked first if it was a string
• (Survey of ) is this still needed?
• add the Tailwind classes to the html in this PR
• ng-class shouldn't be used anymore

[satikaj]

Please include before screenshots as well

[satikaj]

Good job! Can you please make a PR to the upstream (doubtfire-lms version of doubtfire-web)?

[Shounaks]

Thanks @satikaj , here is the upstream PR link: doubtfire-lms#898