feat(replay): Change to use preset quality values

[billyvg]

Instead of using canvas recording quality values direct to rrweb, use presets to control image quality and fps.

Closes https://github.com/getsentry/team-replay/issues/325

[github-actions]

size-limit report 📦

Path	Size
@sentry/browser (incl. Tracing, Replay, Feedback) - Webpack (gzipped)	75.38 KB (+0.04% 🔺)
@sentry/browser (incl. Tracing, Replay) - Webpack (gzipped)	66.81 KB (+0.07% 🔺)
@sentry/browser (incl. Tracing, Replay) - Webpack with treeshaking flags (gzipped)	60.38 KB (+0.07% 🔺)
@sentry/browser (incl. Tracing) - Webpack (gzipped)	31.42 KB (0%)
@sentry/browser (incl. Feedback) - Webpack (gzipped)	30.02 KB (0%)
@sentry/browser - Webpack (gzipped)	21.72 KB (+0.01% 🔺)
@sentry/browser (incl. Tracing, Replay, Feedback) - ES6 CDN Bundle (gzipped)	72.8 KB (+0.09% 🔺)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (gzipped)	64.5 KB (+0.06% 🔺)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (gzipped)	30.74 KB (0%)
@sentry/browser - ES6 CDN Bundle (gzipped)	22.78 KB (0%)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (minified & uncompressed)	202.75 KB (+0.09% 🔺)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (minified & uncompressed)	92.68 KB (0%)
@sentry/browser - ES6 CDN Bundle (minified & uncompressed)	67.72 KB (0%)
@sentry/browser (incl. Tracing) - ES5 CDN Bundle (gzipped)	33.58 KB (0%)
@sentry/react (incl. Tracing, Replay) - Webpack (gzipped)	67.16 KB (+0.05% 🔺)
@sentry/react - Webpack (gzipped)	21.76 KB (0%)
@sentry/nextjs Client (incl. Tracing, Replay) - Webpack (gzipped)	83.95 KB (+0.05% 🔺)
@sentry/nextjs Client - Webpack (gzipped)	48.58 KB (0%)
@sentry-internal/feedback - Webpack (gzipped)	16.35 KB (0%)

[mydea]

I think I'd go with medium over normal here 🤔 but no strong feelings.