Docviewer refact part2

[enikonemeth]

• [docviewer] Zoom fixes and improvements #1099
• [docviewer-react] Style updates #1096
• [docviewer] Reduce number of unnecessary requests #1100
• [document-viewer-react] Basic editing #69

Backend problems:

• Cannot see previews without open permission sensenet#1241
• [BUG] Watermark is not working on previews sn-preview#33

Must check:

• which permission you need for drawing a shape?

UNIT TESTS:

The popper parts cannot be tested with jest:
floating-ui/floating-ui#478
Material ui uses popper.js and you cannot test this component with JSDOM it needs the browser DOM APIs.

ACTION PLAN FOR THE FUTURE:

• blogpost about the new features

[sensenet]

Site name	Url	Last deploy
sn-react-component-docs-dev	https://60080ac3397f13b8b757072e--sn-react-component-docs-dev.netlify.app	Wed Jan 20 2021 - 10:49:42 GMT+0000 (Coordinated Universal Time)
sn-app-dev	https://60080ac4134147c919b3123c--sn-app-dev.netlify.app	Wed Jan 20 2021 - 10:49:43 GMT+0000 (Coordinated Universal Time)

[codecov]

Codecov Report

Merging #1101 (1ac787d) into develop (7e92ab4) will decrease coverage by 0.02%.
The diff coverage is 94.00%.

@@             Coverage Diff             @@
##           develop    #1101      +/-   ##
===========================================
- Coverage    93.80%   93.77%   -0.03%     
===========================================
  Files          227      232       +5     
  Lines         6166     6554     +388     
  Branches      1634     1678      +44     
===========================================
+ Hits          5784     6146     +362     
- Misses         382      408      +26     

Impacted Files	Coverage Δ
...document-viewer-react/src/context/api-settings.tsx	20.96% <0.00%> (ø)
...-viewer-react/src/context/localization-context.tsx	100.00% <ø> (ø)
...document-viewer-react/src/context/viewer-state.tsx	50.00% <ø> (ø)
...viewer-react/src/services/apply-shape-rotations.ts	50.00% <45.45%> (-50.00%)	⬇️
...r-react/src/components/shapes/shape-annotation.tsx	78.04% <76.31%> (-21.96%)	⬇️
...er-react/src/components/shapes/shape-redaction.tsx	85.71% <85.18%> (-14.29%)	⬇️
...er-react/src/components/shapes/shape-highlight.tsx	86.66% <85.71%> (-13.34%)	⬇️
...ment-viewer-react/src/components/shapes/shapes.tsx	96.72% <92.30%> (+0.16%)	⬆️
...document-viewer-react/src/components/page-list.tsx	91.56% <93.75%> (+0.42%)	⬆️
...s/sn-document-viewer-react/src/components/page.tsx	96.11% <95.89%> (-1.26%)	⬇️
... and 46 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7e92ab4...1ac787d. Read the comment docs.

[taki9]

• comment marker placement is wrong placed to rotated page
• if redaction / shape visibility is disabled, it should become active when I add one to the document.