fix: improve application initialization error handling

- Update error messages during application initialization to provide user-friendly guidance regarding network issues related to Hugging Face resources.

Author: RogersPyke

docs/js/app.js

@@ -94,7 +94,9 @@ class Application {
             console.log('✓ Application initialized successfully');
 
         } catch (err) {
-            ErrorNotifier.error('Failed to initialize application: ' + err.message, err);
+            const userFriendlyMsg = 'Since the web resources are hosted on Hugging Face, your network connection may affect the loading of these resources. Please ensure you have a stable connection and refresh the page to try again.\n\n' +
+                                  'Application initialization failed: ' + err.message;
+            ErrorNotifier.error(userFriendlyMsg, err);
 
             setTimeout(() => {
                 document.getElementById('loadingOverlay').classList.add('hidden');

docs/js/main.js

@@ -13,7 +13,9 @@ function initApp() {
     try {
         APP.init();
     } catch (error) {
-        ErrorNotifier.error('Application initialization failed. Please refresh the page.', error);
+        const userFriendlyMsg = 'Since the web resources are hosted on Hugging Face, your network connection may affect the loading of these resources. Please ensure you have a stable connection and refresh the page to try again.\n\n' +
+                              'Application initialization failed. Please refresh the page.';
+        ErrorNotifier.error(userFriendlyMsg, error);
     }
 }