fix(replay): Handle multiple clicks in a short time

[mydea]

We assumed that the click debounce should only let one click per second through. however, that does not work if clicking different elements quickly (as it only debounces a single click/element). This adds a guard to ensure we only handle a single click breadcrumb per second.

Fixes getsentry/sentry#54293

[github-actions]

size-limit report 📦

Path	Size
@sentry/browser (incl. Tracing, Replay) - Webpack (gzipped)	75.03 KB (+0.24% 🔺)
@sentry/browser (incl. Tracing) - Webpack (gzipped)	31.11 KB (0%)
@sentry/browser - Webpack (gzipped)	21.81 KB (0%)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (gzipped)	69.64 KB (+0.14% 🔺)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (gzipped)	28.16 KB (+0.04% 🔺)
@sentry/browser - ES6 CDN Bundle (gzipped)	20.18 KB (+0.05% 🔺)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (minified & uncompressed)	219.51 KB (+0.21% 🔺)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (minified & uncompressed)	84.69 KB (+0.03% 🔺)
@sentry/browser - ES6 CDN Bundle (minified & uncompressed)	59.86 KB (+0.04% 🔺)
@sentry/browser (incl. Tracing) - ES5 CDN Bundle (gzipped)	31.03 KB (+0.04% 🔺)
@sentry/react (incl. Tracing, Replay) - Webpack (gzipped)	65.24 KB (+0.28% 🔺)
@sentry/react - Webpack (gzipped)	21.84 KB (0%)
@sentry/nextjs Client (incl. Tracing, Replay) - Webpack (gzipped)	92.86 KB (+0.23% 🔺)
@sentry/nextjs Client - Webpack (gzipped)	50.64 KB (+0.06% 🔺)

[billyvg]

In the test case only breadcrumb 1 & 3 get captured right?

[mydea]

In the test case only breadcrumb 1 & 3 get captured right?

Jup, I actually adjusted the test to make this clear (by adding the exact timestamps)!