fix: layout responsive for edit page

[ihor-romaniuk]

TL;DR -

This pull request contains mobile phone adaptation fixes for Problem Editor page.
Added general rearrangement of pages, indentations, and fixed element deformation during adaptation.

Related PRs:

• frontend-lib-content-components main fix: layout responsive frontend-lib-content-components#422
• frontend-app-course-authoring master fix: layout responsive for edit page #922
• frontend-app-course-authoring redwood fix: layout responsive for edit page #1058

What changed?

Before	After

Before	After

[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.

[mphilbrick211]

Hi @ihor-romaniuk! Just flagging that there's a failing check.

[ihor-romaniuk]

@mphilbrick211 This is a bug not on my side, you need to fix the codecov configurations on your side.