fix(replay): Handle edge cases & more logging

[mydea]

This is a PR to this feature branch: #8407

• Handle edge case where we stop multiple times (honestly no idea how this should happen, but apparently it can 😬 )
• Add some more logging for state changes

We can hopefully eventually remove the traceInternals checks, but for now this is an easy solution for debugging in the beta....

[github-actions]

size-limit report 📦

Path	Size
@sentry/browser - ES5 CDN Bundle (gzipped + minified)	21.95 KB (-0.01% 🔽)
@sentry/browser - ES5 CDN Bundle (minified)	69.13 KB (0%)
@sentry/browser - ES6 CDN Bundle (gzipped + minified)	20.28 KB (-0.01% 🔽)
@sentry/browser - ES6 CDN Bundle (minified)	60.38 KB (0%)
@sentry/browser - Webpack (gzipped + minified)	21.9 KB (0%)
@sentry/browser - Webpack (minified)	71.51 KB (0%)
@sentry/react - Webpack (gzipped + minified)	21.92 KB (0%)
@sentry/nextjs Client - Webpack (gzipped + minified)	50.58 KB (-0.36% 🔽)
@sentry/browser + @sentry/tracing - ES5 CDN Bundle (gzipped + minified)	30.11 KB (-0.74% 🔽)
@sentry/browser + @sentry/tracing - ES6 CDN Bundle (gzipped + minified)	28.16 KB (-0.14% 🔽)
@sentry/replay ES6 CDN Bundle (gzipped + minified)	49.41 KB (-0.05% 🔽)
@sentry/replay - Webpack (gzipped + minified)	43.03 KB (-0.3% 🔽)
@sentry/browser + @sentry/tracing + @sentry/replay - ES6 CDN Bundle (gzipped + minified)	69.5 KB (-0.09% 🔽)
@sentry/browser + @sentry/replay - ES6 CDN Bundle (gzipped + minified)	61.81 KB (-0.04% 🔽)