feat: autoscroll standard, visualizzazione tag/date e OCR spaziale avanzato

- Aggiunto autoscroll standard con controllo velocità (V1-V10) e relativo toggle in settings.
- Implementata la visualizzazione opzionale di tag e data aggiornamento nella lista canti.
- Rinnovata la pagina 'Proponi Canto' con tastiera accordi (fondamentale + variazioni) e OCR spaziale potenziato per l'allineamento automatico degli accordi con il testo.
- Ottimizzata la persistenza della modalità schermo intero.

src/app/services/settings.service.ts

@@ -35,6 +35,18 @@ export class SettingsService {
   /** Invio dati statistici: true = invia pacchetto dati statistici */
   public invioDatiStatistici = signal<boolean>(false);
 
+  /** Visualizza tag sotto autore nella lista canti: true = attivo */
+  public showTagsInList = signal<boolean>(false);
+
+  /** Visualizza data update sotto autore nella lista canti: true = attivo */
+  public showUpdateDate = signal<boolean>(false);
+
+  /** Attiva autoscroll standard nel dettaglio canto: true = attivo */
+  public enableStandardAutoscroll = signal<boolean>(false);
+
+  /** Attiva autoscroll acustico nel dettaglio canto: true = attivo */
+  public enableAcousticAutoscroll = signal<boolean>(true);
+
   private wakeLock: any = null;
 
   constructor() {
@@ -48,13 +60,10 @@ export class SettingsService {
       this.fullscreenMode.set(savedFullscreen === 'true');
     }
 
-    /* 
     const savedEditor = localStorage.getItem('show-editor');
     if (savedEditor !== null) {
       this.showEditor.set(savedEditor === 'true');
     }
-    */
-    this.showEditor.set(false); // Funzione temporaneamente disabilitata
 
     const savedAutoAdvance = localStorage.getItem('auto-advance');
     if (savedAutoAdvance !== null) {
@@ -76,6 +85,26 @@ export class SettingsService {
       this.invioDatiStatistici.set(savedStats === 'true');
     }
 
+    const savedShowTags = localStorage.getItem('show-tags-in-list');
+    if (savedShowTags !== null) {
+      this.showTagsInList.set(savedShowTags === 'true');
+    }
+
+    const savedShowUpdateDate = localStorage.getItem('show-update-date');
+    if (savedShowUpdateDate !== null) {
+      this.showUpdateDate.set(savedShowUpdateDate === 'true');
+    }
+
+    const savedStandardAutoscroll = localStorage.getItem('enable-standard-autoscroll');
+    if (savedStandardAutoscroll !== null) {
+      this.enableStandardAutoscroll.set(savedStandardAutoscroll === 'true');
+    }
+
+    const savedAcousticAutoscroll = localStorage.getItem('enable-acoustic-autoscroll');
+    if (savedAcousticAutoscroll !== null) {
+      this.enableAcousticAutoscroll.set(savedAcousticAutoscroll === 'true');
+    }
+
     // Sync browser fullscreen state with listeners (supporting vendor prefixes)
     const updateFullscreenState = () => {
       const isFs = !!(
@@ -97,13 +126,53 @@ export class SettingsService {
     });
 
     effect(() => {
-      localStorage.setItem('fullscreen-mode', this.fullscreenMode().toString());
+      const mode = this.fullscreenMode();
+      localStorage.setItem('fullscreen-mode', mode.toString());
+      
+      const isFs = !!(
+        document.fullscreenElement ||
+        (document as any).webkitFullscreenElement ||
+        (document as any).mozFullScreenElement ||
+        (document as any).msFullscreenElement
+      );
+      
+      if (mode && !isFs) {
+        const docEl = document.documentElement as any;
+        if (docEl.requestFullscreen) {
+          docEl.requestFullscreen().catch((err: any) => console.log('Request fs ignored', err));
+        } else if (docEl.webkitRequestFullscreen) {
+          docEl.webkitRequestFullscreen();
+        }
+      } else if (!mode && isFs) {
+        const doc = document as any;
+        if (doc.exitFullscreen) {
+          doc.exitFullscreen().catch((err: any) => console.log('Exit fs ignored', err));
+        } else if (doc.webkitExitFullscreen) {
+          doc.webkitExitFullscreen();
+        }
+      }
     });
 
     effect(() => {
       localStorage.setItem('auto-advance', this.autoAdvance().toString());
     });
 
+    effect(() => {
+      localStorage.setItem('show-tags-in-list', this.showTagsInList().toString());
+    });
+
+    effect(() => {
+      localStorage.setItem('show-update-date', this.showUpdateDate().toString());
+    });
+
+    effect(() => {
+      localStorage.setItem('enable-standard-autoscroll', this.enableStandardAutoscroll().toString());
+    });
+
+    effect(() => {
+      localStorage.setItem('enable-acoustic-autoscroll', this.enableAcousticAutoscroll().toString());
+    });
+
     effect(() => {
       const active = this.keepScreenOn();
       localStorage.setItem('keep-screen-on', active.toString());
@@ -205,4 +274,28 @@ export class SettingsService {
     this.invioDatiStatistici.set(newValue);
     localStorage.setItem('invio-dati-statistici', newValue.toString());
   }
+
+  toggleShowTagsInList() {
+    const newValue = !this.showTagsInList();
+    this.showTagsInList.set(newValue);
+    localStorage.setItem('show-tags-in-list', newValue.toString());
+  }
+
+  toggleShowUpdateDate() {
+    const newValue = !this.showUpdateDate();
+    this.showUpdateDate.set(newValue);
+    localStorage.setItem('show-update-date', newValue.toString());
+  }
+
+  toggleStandardAutoscroll() {
+    const newValue = !this.enableStandardAutoscroll();
+    this.enableStandardAutoscroll.set(newValue);
+    localStorage.setItem('enable-standard-autoscroll', newValue.toString());
+  }
+
+  toggleAcousticAutoscroll() {
+    const newValue = !this.enableAcousticAutoscroll();
+    this.enableAcousticAutoscroll.set(newValue);
+    localStorage.setItem('enable-acoustic-autoscroll', newValue.toString());
+  }
 }