feat(web): integrate GlitchTip error monitoring

Add @sentry/browser SDK for production error tracking via GlitchTip.
Errors are only sent in production builds, with development mode
logging to console. Common false positives (browser extensions,
network errors) are filtered out.

Author: Movm

apps/web/package.json

@@ -13,6 +13,7 @@
     "@remotion/media-utils": "^4.0.390",
     "@remotion/player": "^4.0.390",
     "@remotion/preload": "^4.0.390",
+    "@sentry/browser": "^10.33.0",
     "@tanstack/react-query": "^5.84.0",
     "@tauri-apps/api": "^2.9.1",
     "@tauri-apps/plugin-fs": "^2",
@@ -88,6 +89,7 @@
     }
   },
   "scripts": {
+    "dev": "vite",
     "start": "vite",
     "start:debug": "cross-env NODE_OPTIONS=\"--inspect --max-old-space-size=4096\" vite",
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=2048 vite build",

apps/web/src/index.tsx

@@ -1,14 +1,49 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
+import * as Sentry from '@sentry/browser';
 import './assets/styles/index.css';
-import './i18n';
-// Initialize shared API client before App mounts (side-effect import)
-import './components/utils/apiClient';
 import App from './App';
+import { registerServiceWorker } from './utils/registerServiceWorker';
+
+// Initialize GlitchTip error monitoring
+Sentry.init({
+  dsn: 'https://3bfeac13e8e14018a06d8f7f770f46ca@app.glitchtip.com/19466',
+  environment: import.meta.env.MODE,
+  enabled: import.meta.env.PROD,
+  beforeSend(event) {
+    // Don't send events in development
+    if (import.meta.env.DEV) {
+      console.error('[GlitchTip] Error captured (dev mode):', event);
+      return null;
+    }
+    return event;
+  },
+  ignoreErrors: [
+    // Browser extension errors
+    'ResizeObserver loop limit exceeded',
+    'ResizeObserver loop completed with undelivered notifications',
+    // Network errors that don't indicate code issues
+    'NetworkError',
+    'Failed to fetch',
+    // Script loading errors (often from browser extensions)
+    /Loading chunk [\d]+ failed/,
+  ],
+});
 
 const root = createRoot(document.getElementById('root'));
 root.render(
   // <React.StrictMode>
     <App />
   // </React.StrictMode>
 );
+
+// Register Service Worker for illustration caching (production only)
+if ('serviceWorker' in navigator && import.meta.env.PROD) {
+  registerServiceWorker().then(registration => {
+    if (registration) {
+      console.log('[App] Illustration cache service worker registered');
+    }
+  }).catch(err => {
+    console.error('[App] Service Worker registration failed:', err);
+  });
+}