chore (sentry): add affected users count to frontend reports (baserow#5029)

* Add affected users count to frontend sentry reports

* Review changes

Author: dimmur-brw

changelog/entries/unreleased/refactor/5028_add_affected_users_count_to_frontend_sentry_reports.json

@@ -0,0 +1,9 @@
+{
+    "type": "refactor",
+    "message": "Add affected users count to frontend sentry reports",
+    "issue_origin": "github",
+    "issue_number": 5028,
+    "domain": "core",
+    "bullet_points": [],
+    "created_at": "2026-03-23"
+}

web-frontend/modules/core/module.js

@@ -130,6 +130,7 @@ export default defineNuxtModule({
     addPlugin(resolve('plugins/ensureRender.js'))
     addPlugin(resolve('plugins/version.js'))
     addPlugin(resolve('plugins/posthog.js'))
+    addPlugin(resolve('plugins/sentry-user.js'))
     addPlugin(resolve('plugins/vueDatepicker.js'))
     addPlugin(resolve('plugins/routeMounted.js'))
     addPlugin(resolve('plugins/storeRegister.js'))

web-frontend/modules/core/plugins/sentry-user.js

@@ -0,0 +1,25 @@
+import * as Sentry from '@sentry/nuxt'
+import { nextTick } from 'vue'
+import { useNuxtApp, useRouter, useRuntimeConfig } from '#imports'
+
+export default defineNuxtPlugin(() => {
+  const runtimeConfig = useRuntimeConfig()
+
+  if (!import.meta.client || !runtimeConfig.public.sentryDsn) return
+
+  const router = useRouter()
+  const nuxtApp = useNuxtApp()
+
+  router.afterEach(() => {
+    nextTick(() => {
+      const isAuthenticated = nuxtApp.$store.getters['auth/isAuthenticated']
+      const userId = nuxtApp.$store.getters['auth/getUserId']
+
+      if (isAuthenticated && userId) {
+        Sentry.setUser({ id: String(userId) })
+      } else {
+        Sentry.setUser(null)
+      }
+    })
+  })
+})