WIP: Line graph UI rewire

[apata]

Refactors line graph to Typescript, from chart.js library to d3.js library. Depends on the new query backend. #6173

The rationale for switching the library:

• we need d3.js for the complicated world map (can't be done with chart.js)
• having two charting libraries increases the size of dashboard javascript and therefore makes the website take longer to load

This PR currently runs line graph side-by-side with the refactored version. The idea is to be able to compare the refactored one with the current one, to detect any small intentional and unintentional changes.

To run locally,

1. checkout the master branch of analytics in folder A, start dev server with default options (if new folder, do make install)
2. checkout this branch in folder B, change .env.dev (diff below), start dev server

-BASE_URL=http://localhost:8000
+HTTP_PORT=8001
+BASE_URL=http://localhost:8001

3. open http://localhost:8001/dummy.site/settings/visibility and set it to be public

• Test side-by-side
• Delete line-graph.js (-301)
• Delete graph-util.js (-127)
• Delete graph-tooltip.js (-216)
• Delete date-formatter.js (-115)

Changes

• Tooltip is aligned to top left of finger always, but constrained within the chart left to right
• Mobile interactivity (drag left and right to see tooltip, release finger to zoom in on currently shown period)
• Stops x tick texts from rotating, adds subtle x ticks

Fixes

• Fixes issue with invalid x axis labels on minute resolution charts
• Fixes issue with ambiguous labels in tooltip when comparing year over year

Tests

• Automated tests have been added

Changelog

• Entry has been added to changelog

Documentation

• This change does not need a documentation update

Dark mode

• The UI has been tested both in dark and light mode

[github-actions]

Preview environment👷🏼‍♀️🏗️
PR-6159

[CLAassistant]

All committers have signed the CLA.

[github-actions]

Preview environment👷🏼‍♀️🏗️
PR-6159