feat: hide toolbar elements when hidden

[pauldambra]

we're now able to load way more elements into the clickmap

that means that the page can get overloaded

we're also tracking visibility of the elements highlighted by the click map

so, we can hide the, erm, hidden elements

before	after

[greptile-apps]

PR Summary

This PR optimizes the PostHog toolbar by filtering out hidden elements from the clickmap display, improving performance when loading large numbers of elements.

• Added visible property to ElementWithMetadata interface in frontend/src/toolbar/types.ts to track element visibility
• Modified elementsToDisplay selector in elementsLogic.ts to filter out elements that are hidden or have zero/negative dimensions
• Updated Elements.tsx to add visibility checks before rendering heatmap elements and labels
• Improved performance by preventing rendering of invisible elements, reducing page overload when many elements are loaded

Greptile AI

_{3 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}

[posthog-bot]

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[github-actions]

Size Change: +77 B (0%)

Total Size: 13.2 MB

ℹ️ View Unchanged

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

_{compressed-size-action}