Add skill wheels for sample profiles to roles page

[tdjames1]

Description

Display sample profile skill wheel visualisations on the roles page.

Fixes # (issue)

Type of change

• Documentation (non-breaking change that adds or improves the documentation)
• New feature (non-breaking change which adds functionality)
• Optimization (non-breaking, back-end change that speeds up the code)
• Technical work (non-breaking, change which is work as part of a new feature)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (whatever its nature)

Key checklist

• All tests pass (eg. python -m pytest)
• The documentation builds and looks OK (eg. mkdocs serve)
• Pre-commit hooks run successfully (eg. pre-commit run --all-files)

Further checks

• Code is commented, particularly in hard-to-understand areas
• Tests added or an issue has been opened to tackle that in the future. (Indicate issue here: # (issue))

[codecov]

Codecov Report

❌ Patch coverage is 94.11765% with 1 line in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
main/views.py	94.11%	1 Missing ⚠️

📢 Thoughts on this report? Let us know!

[tdjames1]

@AdrianDAlessandro I added tests, is there a way to persuade @codecov to run again?

Edit: it seems to have done it now!

[tdjames1]

@davehorsfall Feel free to tweak the layout, here's how it's looking with the role description in place:

Updated profiles here for checking layout: https://github.com/direct-framework/direct-webapp/tree/487-add-sample-profile-desc

[davehorsfall]

@tdjames1 thanks, great work. I've adding styling for the page.

[davehorsfall]

Thanks, all works for me, and I've added some additional styling for the page.