feat(replay): Improve click target detection

[mydea]

This does two things:

1. When capturing clicks, we specifically look for button & a elements as parents, using them as target if applicable.
2. Increase max. text length of selectors, to have better visibility. Note we always cap this at 5 levels deep, still.

This is rather defensive for now, by only checking for button & a. This will not check for general interactivity - there are other cases to look for as well, e.g. [tabindex] etc. However, IMHO this has also potential to break, if people have weird HTML. So I think this should be a good enough start with very low potential for false positives.

Fixes #7659

[github-actions]

size-limit report 📦

Path	Size
@sentry/browser - ES5 CDN Bundle (gzipped + minified)	21.01 KB (0%)
@sentry/browser - ES5 CDN Bundle (minified)	65.62 KB (0%)
@sentry/browser - ES6 CDN Bundle (gzipped + minified)	19.55 KB (0%)
@sentry/browser - ES6 CDN Bundle (minified)	58.08 KB (0%)
@sentry/browser - Webpack (gzipped + minified)	21.16 KB (0%)
@sentry/browser - Webpack (minified)	69.03 KB (0%)
@sentry/react - Webpack (gzipped + minified)	21.18 KB (0%)
@sentry/nextjs Client - Webpack (gzipped + minified)	49.09 KB (0%)
@sentry/browser + @sentry/tracing - ES5 CDN Bundle (gzipped + minified)	28.64 KB (+0.01% 🔺)
@sentry/browser + @sentry/tracing - ES6 CDN Bundle (gzipped + minified)	26.86 KB (0%)
@sentry/replay ES6 CDN Bundle (gzipped + minified)	46.94 KB (+0.17% 🔺)
@sentry/replay - Webpack (gzipped + minified)	40.73 KB (+0.16% 🔺)
@sentry/browser + @sentry/tracing + @sentry/replay - ES6 CDN Bundle (gzipped + minified)	65.81 KB (+0.11% 🔺)
@sentry/browser + @sentry/replay - ES6 CDN Bundle (gzipped + minified)	58.7 KB (+0.11% 🔺)

[billyvg]

Code looks good to me but I'd like to test it out a bit first and see how the data looks.

[billyvg]

Tested it on sentry.io and it seems pretty reasonable.