Add debug logs

static/js/app.js

@@ -3,6 +3,8 @@
  * SPA Router and State Management
  */
 
+console.log('app.js loaded');
+
 const app = {
     currentRoute: 'home',
     currentComponent: null,
@@ -20,14 +22,17 @@ const app = {
      * Initialize the application
      */
     async init() {
+        console.log('HomeComponent.init() starting...');
+        await this.updateSyncStatus();
+        console.log('HomeComponent.init() success'); starting...');
         console.log('Initializing Mi Pesca RD...');
 
-        // Initialize sync service
-        syncService.init();
+    // Initialize sync service
+    syncService.init();
 
-        // Load initial route
-        this.navigate('home');
-    },
+    // Load initial route
+    this.navigate('home');
+},
 
     /**
      * Navigate to a route
@@ -56,21 +61,21 @@ const app = {
         this.render();
     },
 
-    /**
-     * Render current component
-     */
-    render() {
-        const appContainer = document.getElementById('app');
+        /**
+         * Render current component
+         */
+        render() {
+    const appContainer = document.getElementById('app');
 
-        if (!appContainer) {
-            console.error('App container not found');
-            return;
-        }
+    if (!appContainer) {
+        console.error('App container not found');
+        return;
+    }
 
-        if (this.currentComponent && this.currentComponent.render) {
-            appContainer.innerHTML = this.currentComponent.render();
-        }
+    if (this.currentComponent && this.currentComponent.render) {
+        appContainer.innerHTML = this.currentComponent.render();
     }
+}
 };
 
 // Initialize app when DOM is ready