refactor(paths): improve paths visualization

[thmsobrmlr]

Problem

Changes

• come up with better dummy-data
• use a single color, instead of having red links (already implemented with insight-colors)
• use a darker color for hover (like trend bars), instead of using data-color-2
• node: wider and rounded corners
• add a padding to the chart canvas
• column: larger padding between nodes
• node height proportional to absolute numbers
• show all cards
• add a dropoff node, instead of the current dropoff path
• add a header column "intial pageview > next page > page + 1"
• make columns fixed width and add a scroll behaviour
• improve hover effect
  • hover on node should be possible
  • hovered path segment darker than remaining path
  • grey out other paths/nodes
• less edges by default, so that view isn't crammed

How did you test this code?

[posthog-bot]

📸 UI snapshots have been updated

8 snapshot changes in total. 0 added, 8 modified, 0 deleted:

• chromium: 0 added, 4 modified, 0 deleted (diff for shard 2)
• webkit: 0 added, 4 modified, 0 deleted (diff for shard 2)

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[github-actions]

Size Change: +5 B (0%)

Total Size: 1.17 MB

ℹ️ View Unchanged

Filename	Size	Change
frontend/dist/toolbar.js	1.17 MB	+5 B (0%)

_{compressed-size-action}