dev day #79

frontend/src/index.tsx

@@ -10,10 +10,13 @@ import 'react-quill/dist/quill.snow.css';
 import 'react-image-crop/dist/ReactCrop.css';
 // Custom editor styles AFTER quill base styles to ensure proper override
 import './styles/custom-editor.css';
-import App, { theme } from './App';
+import { theme } from './App';
+import AppLazy from './App.lazy';
 import { ColorModeScript } from '@chakra-ui/react';
-import reportWebVitals from './reportWebVitals';
 import { HelmetProvider } from 'react-helmet-async';
+import reportWebVitals from './reportWebVitals';
+import * as serviceWorkerRegistration from './serviceWorkerRegistration';
+import { promptUserToUpdate } from './serviceWorkerRegistration';
 // Cookie consent utilities
 type Consent = { analytics?: boolean };
 const getConsent = (): Consent | null => {
@@ -117,13 +120,13 @@ if (!rootElement) {
 
     root.render(
       <React.StrictMode>
-        <ErrorBoundary>
-          <HelmetProvider>
+        <HelmetProvider>
+          <ErrorBoundary>
             {/* Ensure color mode (light/dark) persists and matches Chakra config before UI renders */}
             <ColorModeScript initialColorMode={theme.config.initialColorMode} />
-            <App />
-          </HelmetProvider>
-        </ErrorBoundary>
+            <AppLazy />
+          </ErrorBoundary>
+        </HelmetProvider>
       </React.StrictMode>
     );
     // App rendered
@@ -153,3 +156,6 @@ if (!rootElement) {
 
 // Report web vitals (disabled logging by default). Hook up your analytics here if needed.
 reportWebVitals();
+
+// Enable PWA service worker with user prompt on updates
+serviceWorkerRegistration.register({ onUpdate: promptUserToUpdate });