fix: fix sidebar scrolling and adaptation for mobile

[ihor-romaniuk]

TL;DR -

This pull request contains minor fixes related to the responsiveness of the blocks for mobile phones. All the before and after screenshots are below.

Related Pull Requests PR to the open-release/palm.master branch: https://github.com/openedx/frontend-app-gradebook/pull/362 PR to the open-release/quince.master branch: https://github.com/openedx/frontend-app-gradebook/pull/370

What changed?

• fixed text overload in the title when the course ID is too long

Before	After

• fixed appearance and scrolling of the sidebar

Before	After

• Fixed adaptation of the search and filter buttons on mobile phones.

Before	After

• removed excess empty space under the main table of contents

Before	After

• fix adaptation modal content to mobile view

Before	After

Developer Checklist

• [ ] Test suites passing
• [ ] Documentation and test plan updated, if applicable
• [ ] Received code-owner approving review
• [ ] Bumped version number package.json

Reviewer Checklist

Collectively, these should be completed by reviewers of this PR:

• [ ] I've done a visual code review
• [ ] I've tested the new functionality

FYI: @openedx/content-aurora

[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[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 94.98%. Comparing base (ba9bd46) to head (f1c9140). Report is 8 commits behind head on master.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #363 +/- ## ======================================= Coverage 94.98% 94.98% ======================================= Files 140 140 Lines 1357 1357 Branches 264 264 ======================================= Hits 1289 1289 Misses 60 60 Partials 8 8 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[mphilbrick211]

Hi @arbrandes! Could you take a look at this and the 2 backports? PR to the open-release/palm.master branch: https://github.com/openedx/frontend-app-gradebook/pull/362 PR to the open-release/quince.master branch: https://github.com/openedx/frontend-app-gradebook/pull/370

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