Adding Sentry's replay integration

It's possible we need to set some CSP headers for this to work, ref:

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

https://www.stackhawk.com/blog/django-content-security-policy-guide-what-it-is-and-how-to-enable-it/

https://django-csp.readthedocs.io/en/latest/

public-redesign/src/app/sentry.ts

@@ -29,6 +29,10 @@ export const sentryInit = () => {
 				// stripBasename,
 			}),
 			sentryFeedback,
+			Sentry.replayIntegration({
+				maskAllText: true,
+				blockAllMedia: true,
+			}),
 		],
 
 		// Set tracesSampleRate to 1.0 to capture 100%
@@ -39,6 +43,14 @@ export const sentryInit = () => {
 		// Or however deep you want your Redux state context to be
 		normalizeDepth: 10,
 
+		// This sets the sample rate to be 10%. You may want this to be 100% while
+		// in development and sample at a lower rate in production
+		replaysSessionSampleRate: 0.1,
+
+		// If the entire session is not sampled, use the below sample rate to sample
+		// sessions when an error occurs.
+		replaysOnErrorSampleRate: 1.0,
+
 		beforeSend(event) {
 			if (event.exception) {
 				Sentry.showReportDialog({ eventId: event.event_id });