feat: integrazione scalette comunità come playlist

- Aggiunto il parsing di lista_nome e lista_esecuzione dall'API parrocchiale in ComunitaService.
- Le scalette vengono trasformate in ComunitaScaletta[] e persistite in localStorage.
- PlaylistService espone comunitaPlaylists (computed) e allPlaylists (computed che unisce playlist personali e scalette comunità).
- Le scalette della comunità appaiono nel dropdown Playlist SOLO quando il filtro comunità è attivo; scompaiono automaticamente alla disattivazione.
- Le scalette sono read-only: i pulsanti Modifica e Elimina vengono nascosti per le playlist della comunità.
- Icona people-outline e bordo sinistro secondario distinguono visivamente le scalette della comunità dalle playlist personali.

src/app/home/home.page.html

@@ -115,11 +115,11 @@
           <ion-button 
             [fill]="activeFilterType() === 'playlist' || playlistService.activeListName() !== null ? 'solid' : 'outline'" 
             size="small" 
-            (click)="playlistService.playlists().length > 0 ? toggleFilterType('playlist') : playlistService.toggleSelectionMode()"
+            (click)="playlistService.allPlaylists().length > 0 ? toggleFilterType('playlist') : playlistService.toggleSelectionMode()"
             class="filter-chip">
             {{ playlistService.activeListName() !== null ? playlistService.activeListName() : 'Playlist' }}
-            <ion-icon slot="end" name="chevron-down-outline" *ngIf="playlistService.activeListName() === null && playlistService.playlists().length > 0"></ion-icon>
-            <ion-icon slot="end" name="add-circle-outline" *ngIf="playlistService.activeListName() === null && playlistService.playlists().length === 0"></ion-icon>
+            <ion-icon slot="end" name="chevron-down-outline" *ngIf="playlistService.activeListName() === null && playlistService.allPlaylists().length > 0"></ion-icon>
+            <ion-icon slot="end" name="add-circle-outline" *ngIf="playlistService.activeListName() === null && playlistService.allPlaylists().length === 0"></ion-icon>
             <span class="close-icon-wrapper" *ngIf="playlistService.activeListName() !== null" (click)="clearSpecialList($event)">
               <ion-icon slot="end" name="close-circle"></ion-icon>
             </span>
@@ -160,23 +160,25 @@
 
       <!-- Active Playlist Actions -->
       <div class="selection-pill glass" *ngIf="playlistService.activeListName() && !playlistService.selectionMode()">
-        <ion-button fill="clear" color="secondary" (click)="editPlaylist()" class="mini-action-btn">
+        <ion-button fill="clear" color="secondary" (click)="editPlaylist()" class="mini-action-btn" *ngIf="!isComunitaPlaylist()">
           <ion-icon slot="icon-only" name="create-outline"></ion-icon>
         </ion-button>
         <ion-button fill="clear" color="secondary" (click)="shareActivePlaylist()" class="mini-action-btn">
           <ion-icon slot="icon-only" name="share-social-outline"></ion-icon>
         </ion-button>
-        <ion-button fill="clear" color="danger" (click)="deleteActivePlaylist()" class="mini-action-btn" *ngIf="playlistService.activePlaylistId()">
+        <ion-button fill="clear" color="danger" (click)="deleteActivePlaylist()" class="mini-action-btn" *ngIf="playlistService.activePlaylistId() && !isComunitaPlaylist()">
           <ion-icon slot="icon-only" name="trash-outline"></ion-icon>
         </ion-button>
       </div>
 
       <!-- Filter chips -->
       <div 
-        *ngFor="let item of (activeFilterType() === 'playlist' ? playlistService.playlists() : (activeFilterType() === 'liturgico' ? cantiService.indiceLiturgico() : (activeFilterType() === 'tematico' ? cantiService.indiceTematico() : [])))" 
+        *ngFor="let item of (activeFilterType() === 'playlist' ? playlistService.allPlaylists() : (activeFilterType() === 'liturgico' ? cantiService.indiceLiturgico() : (activeFilterType() === 'tematico' ? cantiService.indiceTematico() : [])))" 
         class="momento-chip glass"
         [class.active]="activeFilterType() === 'playlist' ? playlistService.activePlaylistId() === item.id : isIndexSelected(item.id)"
+        [class.comunita-chip]="activeFilterType() === 'playlist' && item.isComunita"
         (click)="activeFilterType() === 'playlist' ? selectPlaylist(item) : toggleIndex(item.id, activeFilterType()!)">
+        <ion-icon *ngIf="activeFilterType() === 'playlist' && item.isComunita" name="people-outline" style="font-size: 0.85rem; margin-right: 4px; vertical-align: middle;"></ion-icon>
         {{ activeFilterType() === 'playlist' ? item.name : item.tag_name }}
       </div>
     </div>

src/app/home/home.page.scss

@@ -355,6 +355,17 @@ ion-title {
     font-weight: 600;
     border-color: var(--ion-color-secondary);
   }
+
+  &.comunita-chip {
+    display: inline-flex;
+    align-items: center;
+    border-left: 3px solid rgba(var(--ion-color-secondary-rgb), 0.6);
+    background: rgba(var(--ion-color-secondary-rgb), 0.08);
+
+    &.active {
+      border-left-color: #000;
+    }
+  }
 }
 
 // Custom Item Layout

src/app/home/home.page.ts

@@ -854,6 +854,11 @@ export class HomePage implements OnDestroy {
     this.isAddingSongs.set(false);
   }
 
+  isComunitaPlaylist(): boolean {
+    const id = this.playlistService.activePlaylistId();
+    return !!id && id.startsWith('comunita_');
+  }
+
   clearSpecialList(event?: Event) {
     if (event) event.stopPropagation();
     this.playlistService.activeListIds.set([]);