Fix scrolling with drawer open

[serjonya-trili]

Proposed changes

Task

Chakra-ui uses this lib under the hood https://github.com/theKashey/react-remove-scroll
The problem is that it disables scrolling everywhere except for the current modal. drawer, according to chakra, is also a modal. and the scrolling block will apply to only one layer of nesting.

so, since dynamic modal content resides close to the root in DOM it is considered a lower level modal window by chakra and the scrolling blocks because of that when you open a drawer.

if you set blockScrollOnMount={false} for the drawers it'll fix the issue for scrolling inside the modal, but everything else will also become scrollable (like accounts list).

That's why I just disable this functionality provided by chakra for drawers and set it manually for the dynamic modal so that everything except for it is non-scrollable while it's open.

Also, I noticed that if you have lots of errors happening at the same time you could end up with repeated keys on the errors drawer. so, I used the same approach as with the batch page - nanoid. yes, it might cause rer-enders of all of the elements if they change anyhow, but:

• it shouldn't happen often
• it shouldn't happen when the drawer is open (unless there was an error during background data fetching)
• it's limited to just 100 elements meaning that it's fine, not that many elements to re-render anyway

Types of changes

• Bugfix
• New feature
• Refactor
• Breaking change
• UI fix

Steps to reproduce

Screenshots

Add the screenshots of how the app used to look like and how it looks now

Before	Now

Checklist

• Tests that prove my fix is effective or that my feature works have been added
• Documentation has been added (if appropriate)
• Screenshots are added (if any UI changes have been made)
• All TODOs have a corresponding task created (and the link is attached to it)