ref: Use addBreadcrumb directly & allow to pass hint

[mydea]

Instead of using hub.addBreadcrumb().

[github-actions]

size-limit report 📦

Path	Size
@sentry/browser (incl. Tracing, Replay, Feedback) - Webpack (gzipped)	75.19 KB (-0.01% 🔽)
@sentry/browser (incl. Tracing, Replay) - Webpack (gzipped)	66.58 KB (-0.02% 🔽)
@sentry/browser (incl. Tracing, Replay) - Webpack with treeshaking flags (gzipped)	60.19 KB (+0.01% 🔺)
@sentry/browser (incl. Tracing) - Webpack (gzipped)	31.27 KB (-0.06% 🔽)
@sentry/browser (incl. Feedback) - Webpack (gzipped)	29.89 KB (-0.06% 🔽)
@sentry/browser - Webpack (gzipped)	21.57 KB (-0.05% 🔽)
@sentry/browser (incl. Tracing, Replay, Feedback) - ES6 CDN Bundle (gzipped)	72.56 KB (+0.02% 🔺)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (gzipped)	64.3 KB (-0.02% 🔽)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (gzipped)	30.54 KB (-0.04% 🔽)
@sentry/browser - ES6 CDN Bundle (gzipped)	22.6 KB (-0.04% 🔽)
@sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (minified & uncompressed)	202.24 KB (-0.05% 🔽)
@sentry/browser (incl. Tracing) - ES6 CDN Bundle (minified & uncompressed)	92.38 KB (-0.15% 🔽)
@sentry/browser - ES6 CDN Bundle (minified & uncompressed)	67.41 KB (-0.2% 🔽)
@sentry/browser (incl. Tracing) - ES5 CDN Bundle (gzipped)	33.43 KB (-0.08% 🔽)
@sentry/react (incl. Tracing, Replay) - Webpack (gzipped)	66.95 KB (-0.03% 🔽)
@sentry/react - Webpack (gzipped)	21.61 KB (-0.04% 🔽)
@sentry/nextjs Client (incl. Tracing, Replay) - Webpack (gzipped)	83.71 KB (+0.01% 🔺)
@sentry/nextjs Client - Webpack (gzipped)	48.38 KB (-0.06% 🔽)
@sentry-internal/feedback - Webpack (gzipped)	16.2 KB (0%)