Adds unlocked items dialog

[Iloveall]

Description

Fixes #1858

Notes (out of scope, known isues, hints for reviewing code, ...) (optional)

Unlocked items could be moved to separated component, I can do this in next PR if needed.

display a closable modal

Is button on center enough or should be cross button in top right corner?

Test cases

• Case 1:

  1. Given I am the temp user
  2. When I go to this page
  3. And I solve the '****' version (loop 360 times: forward(1), rotate(1))
  4. Then I see modal with unlocked items
  5. Then I click on item
  6. Then I see opened item page

• Case 2:

  1. Given I am the temp user
  2. When I go to this page
  3. And I solve the '****' version (loop 360 times: forward(1), rotate(1))
  4. Then I see modal with unlocked items
  5. Then I click on "Continue on the current content" button
  6. Then I see current task

[smadbe]

[auto-generated message] E2E test report on: https://algorea-static.s3.eu-central-1.amazonaws.com/branch/feature/display-unlocked-content-in-modal/playwright-report/index.html

[Iloveall]

I didn't create new style classes, and I guess this one could be renamed to something more generic (like middle-size-dialog)

[smadbe]

Is button on center enough or should be cross button in top right corner?

There should be a button in the top right corner, yes. Clicking on the background should also close the window (if it is just a flag)

[smadbe]

[auto-generated message] E2E test report on: https://algorea-static.s3.eu-central-1.amazonaws.com/branch/feature/display-unlocked-content-in-modal/playwright-report/index.html

[Iloveall]

Is button on center enough or should be cross button in top right corner?

There should be a button in the top right corner, yes. Clicking on the background should also close the window (if it is just a flag)

Done