Migration to mousetrap, redesigned visualization settings

[bsekachev]

Motivation and context

Resolved #1839
All the shortcuts were tested manually.

• Since previous library is not supported anymore, we have migrated to Mousetrap writing a simple React wrapper around it.
• However Mousetrap doesn't support difficult combinations (like for example Shift+b+=) and a reason for that is described by a maintainer in this issue.
• So, shortcuts are restricted by using one or more modifier keys (like shift, control, alt, command) and one another key. It's why I removed some difficult shortcuts from CVAT (to change visualization settings) and redesigned these settings to faster access using mouse only (see a screenshot below).

How has this been tested?

Tests were updated
@dvkruchinin Please, check them.

Checklist

• I submit my changes into the develop branch
• I have added description of my changes into CHANGELOG file
• I have updated the documentation accordingly
• I have added tests to cover my changes
• I have linked related issues (read github docs)
• I have increased versions of npm packages if it is necessary (cvat-canvas,
  cvat-core, cvat-data and cvat-ui)

License

• I submit my code changes under the same MIT License that covers the project.
  Feel free to contact the maintainers if that's a concern.
• I have updated the license header for each file (see an example below)

# Copyright (C) 2021 Intel Corporation
#
# SPDX-License-Identifier: MIT

[coveralls]

Coverage increased (+0.05%) to 71.091% when pulling 13cfc48 on bs/shortcuts_fixes into 45a0530 on develop.

[ActiveChooN]

LGTM

[ActiveChooN]

Just a question, should we use $grid-unit-size here?

[bsekachev]

I am not sure because sometimes grid-unit-size (8px) looks too much in paddings, border radios, etc.