feat: [FC-0044] Unit page - display component support label

[ihor-romaniuk]

Settings

EDX_PLATFORM_REPOSITORY: https://github.com/openedx/edx-platform.git
EDX_PLATFORM_VERSION: master

TUTOR_GROVE_WAFFLE_FLAGS:
  - name: contentstore.new_studio_mfe.use_new_unit_page
    everyone: true

TUTOR_GROVE_MFE_LMS_COMMON_SETTINGS: |
  MFE_CONFIG["ENABLE_UNIT_PAGE"] = True
  MFE_CONFIG["ENABLE_NEW_EDITOR_PAGES"] = True

Description

This pull request adds the display of support labels for xblocks in the advanced xblocks selector modal to the unit page.
Tags in the modal window as "Fully supported", "Provisionally supported" or "Not supported".

Issue: openedx/platform-roadmap#321

Developer notes

The initial 1 commit in this PR is temporary. Once the #912 is merged, the second commit of this PR will become the main commit.

Design

https://www.figma.com/file/YeKFwSpyLaJFDs3f3p3TSa/Studio-1%3A1-mock-ups?node-id=599%3A23595

Testing instructions

1. Run master devstack.
2. Start platform make dev.up.lms+cms+frontend-app-course-authoring and make checkout on this branch.
3. Enable new Unit page by adding a waffle flad contentstore.new_studio_mfe.use_new_unit_page in CMS admin panel.
4. Go to Course Unit page from the Course Outline page.
5. Make sure the course you are viewing is not outdated.
6. Publish all sections on the Course Outline page.

[openedx-webhooks]

Thanks for the pull request, @ihor-romaniuk! Please note that it may take us up to several weeks or months to complete a review and merge your PR.

Feel free to add as much of the following information to the ticket as you can:

• supporting documentation
• Open edX discussion forum threads
• timeline information ("this must be merged by XX date", and why that is)
• partner information ("this is a course on edx.org")
• any other information that can help Product understand the context for the PR

All technical communication about the code itself will be done via the GitHub pull request interface. As a reminder, our process documentation is here.

Please let us know once your PR is ready for our review and all tests are green.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 91.94%. Comparing base (5247ec5) to head (bf9be6c).

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #913   +/-   ##
=======================================
  Coverage   91.94%   91.94%           
=======================================
  Files         571      571           
  Lines       10188    10195    +7     
  Branches     2210     2214    +4     
=======================================
+ Hits         9367     9374    +7     
  Misses        794      794           
  Partials       27       27           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[KristinAoki]

Should this message be a hyperlink?

[ihor-romaniuk]

These are simple tooltip messages, similar to how it was implemented in the full-screen editor of the problem.

[KristinAoki]

Please add descriptions to each message

[ihor-romaniuk]

Descriptions were added

[open-craft-grove]

Sandbox deployment successful 🚀
🎓 LMS
📝 Studio
ℹ️ Grove Config, Tutor Config, Tutor Requirements

[open-craft-grove]

Sandbox deployment successful 🚀
🎓 LMS
📝 Studio
ℹ️ Grove Config, Tutor Config, Tutor Requirements

[open-craft-grove]

Sandbox deployment successful 🚀
🎓 LMS
📝 Studio
ℹ️ Grove Config, Tutor Config, Tutor Requirements

[openedx-webhooks]

@ihor-romaniuk 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.