feat(service-worker): descriptive service-worker error

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2537>

changes/changelog.d/descriptive-service-worker-error.enchancement

@@ -0,0 +1 @@
+Log service worker registration error and add a warning about Firefox SW incompatibility in development mode

front/src/init/serviceWorker.ts

@@ -10,8 +10,21 @@ const logger = useLogger()
 
 export const install: InitModule = ({ store }) => {
   const updateSW = registerSW({
-    onRegisterError () {
-      logger.error('SW install error')
+    onRegisterError (error) {
+      const importStatementsSupported = navigator.userAgent.includes('Chrome')
+        || navigator.userAgent.includes('Chromium')
+        || navigator.userAgent.includes('Opera')
+        || navigator.userAgent.includes('Brave')
+
+      if (import.meta.env.DEV && !importStatementsSupported) {
+        logger.warn(
+          'Service Worker is not supported in your browser in development mode.\n',
+          'For more information, please refer to \'Support for ECMAScript modules\' section at:\n',
+          'https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker#browser_compatibility'
+        )
+      }
+
+      logger.error('Service Worker install error:', error)
     },
     onOfflineReady () {
       logger.info('Funkwhale is being served from cache by a service worker.')