feat(viewer): replace hacky zoom with d3 #61

[R0tenur]

Resolves #61

[sonarcloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[codecov-commenter]

Codecov Report

Patch coverage: 90.00% and project coverage change: +5.31% :tada:

Comparison is base (11308d6) 64.37% compared to head (c0b435b) 69.69%.

:exclamation: Your organization is not using the GitHub App Integration. As a result you may experience degraded service beginning May 15th. Please install the Github App Integration for your organization. Read more.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #128 +/- ## ========================================== + Coverage 64.37% 69.69% +5.31% ========================================== Files 20 20 Lines 306 264 -42 Branches 31 23 -8 ========================================== - Hits 197 184 -13 + Misses 104 75 -29 Partials 5 5 ``` | [Flag](https://app.codecov.io/gh/R0tenur/visualization/pull/128/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Jens+Hunt) | Coverage Δ | | |---|---|---| | [unittests](https://app.codecov.io/gh/R0tenur/visualization/pull/128/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Jens+Hunt) | `69.69% <90.00%> (+5.31%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Jens+Hunt#carryforward-flags-in-the-pull-request-comment) to find out more. | [Files Changed](https://app.codecov.io/gh/R0tenur/visualization/pull/128?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Jens+Hunt) | Coverage Δ | | |---|---|---| | [frontend/src/app/services/data-studio.service.ts](https://app.codecov.io/gh/R0tenur/visualization/pull/128?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Jens+Hunt#diff-ZnJvbnRlbmQvc3JjL2FwcC9zZXJ2aWNlcy9kYXRhLXN0dWRpby5zZXJ2aWNlLnRz) | `79.48% <ø> (ø)` | | | [...ponents/mermaid-viewer/mermaid-viewer.component.ts](https://app.codecov.io/gh/R0tenur/visualization/pull/128?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=Jens+Hunt#diff-ZnJvbnRlbmQvc3JjL2FwcC9jb21wb25lbnRzL21lcm1haWQtdmlld2VyL21lcm1haWQtdmlld2VyLmNvbXBvbmVudC50cw==) | `90.90% <90.00%> (+47.51%)` | :arrow_up: |

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