sentry-js: Wait for onLoad before using Sentry.setUser()

It looks like we need to wait for Sentry.onLoad to happen before calling
this method, based on these docs:
https://docs.sentry.io/platforms/javascript/install/loader/#guarding-sdk-function-calls

CHANGES.txt

@@ -1,3 +1,7 @@
+0.4.2
+====================
+* Updated sentry-js config to use Sentry.onLoad.
+
 0.4.1 (2024-10-11)
 ====================
 * Updated sentry JS config to use username instead of id.

ctlsettings/templates/ctlsettings/sentry_js.html

@@ -6,17 +6,21 @@
             environment: '{{ ENVIRONMENT }}'
         });
 
-        {% if request.user.is_anonymous %}
-        Sentry.setUser({
-            email: 'none',
-            username: 'anonymous'
-        });
-        {% else %}
-        Sentry.setUser({
-            email: '{{ request.user.email }}',
-            username: '{{ request.user.username }}'
+        Sentry.onLoad(function() {
+            const client = Sentry.getClient();
+
+            {% if request.user.is_anonymous %}
+            client.setUser({
+                email: 'none',
+                username: 'anonymous'
+            });
+            {% else %}
+            client.setUser({
+                email: '{{ request.user.email }}',
+                username: '{{ request.user.username }}'
+            });
+            {% endif %}
         });
-        {% endif %}
     };
 </script>