feat: aggiunta etichetta 'Non Validato' per i canti personalizzati della comunità

- Definita la proprietà 'nonValidato' nell'interfaccia Canto.
- Impostato il flag 'nonValidato: true' sui canti mappati in ComunitaService.
- Creato e integrato il badge grafico rosso soft '.non-validato-badge' sia in HomePage (accanto al titolo del canto) sia in PlayerPage (nell'intestazione del brano), con supporto alla modalità ad alto contrasto.

src/app/home/home.page.html

@@ -266,8 +266,10 @@
           <div class="content-column" (click)="goToCanto(canto.id)">
             <div class="top-row">
               <ion-label class="info-section">
-                <h2 class="outfit-font" style="font-weight: 500; color: var(--ion-color-secondary)">
-                  <span *ngIf="getCommunitySongNumber(canto)" style="color: var(--ion-color-secondary); font-weight: 600; margin-right: 8px; opacity: 0.9;">{{ getCommunitySongNumber(canto) }}</span>{{ canto.titolo }}
+                <h2 class="outfit-font" style="font-weight: 500; color: var(--ion-color-secondary); display: flex; align-items: center; flex-wrap: wrap; gap: 4px;">
+                  <span *ngIf="getCommunitySongNumber(canto)" style="color: var(--ion-color-secondary); font-weight: 600; margin-right: 8px; opacity: 0.9;">{{ getCommunitySongNumber(canto) }}</span>
+                  <span>{{ canto.titolo }}</span>
+                  <span *ngIf="canto.nonValidato" class="non-validato-badge">Non Validato</span>
                 </h2>
                 <p style="color: rgba(255,255,255,0.6); margin-bottom: 2px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;">
                   <span>{{ canto.autore || 'Autore sconosciuto' }}</span>

src/app/home/home.page.scss

@@ -921,3 +921,24 @@ ion-title {
     color: rgba(0, 0, 0, 0.5) !important;
   }
 }
+
+.non-validato-badge {
+  font-size: 0.65rem;
+  background: rgba(231, 76, 60, 0.15); /* Soft premium red */
+  color: #e74c3c;
+  padding: 1px 6px;
+  border-radius: 6px;
+  border: 1px solid rgba(231, 76, 60, 0.3);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-left: 6px;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+:host-context(body.high-contrast) .non-validato-badge {
+  background: rgba(231, 76, 60, 0.1) !important;
+  color: #c0392b !important;
+  border-color: #c0392b !important;
+}

src/app/pages/player/player.page.html

@@ -18,6 +18,7 @@
           {{ getCommunitySongNumber(canto()) || canto()?.id_canti }}
         </span>
         <span class="title-text">{{ canto()?.titolo || 'Player' }}</span>
+        <span *ngIf="canto()?.nonValidato" class="non-validato-badge">Non Validato</span>
       </div>
     </ion-title>
     <ion-buttons slot="start">

src/app/pages/player/player.page.scss

@@ -532,3 +532,24 @@ ion-content.full-screen-content {
     border: 1px solid rgba(0, 0, 0, 0.15) !important;
   }
 }
+
+.non-validato-badge {
+  font-size: 0.6rem;
+  background: rgba(231, 76, 60, 0.15); /* Soft premium red */
+  color: #e74c3c;
+  padding: 1px 6px;
+  border-radius: 6px;
+  border: 1px solid rgba(231, 76, 60, 0.3);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-left: 6px;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+:host-context(body.high-contrast) .non-validato-badge {
+  background: rgba(231, 76, 60, 0.1) !important;
+  color: #c0392b !important;
+  border-color: #c0392b !important;
+}

src/app/services/canti.service.ts

@@ -12,6 +12,7 @@ export interface Canto {
   link_youtube?: string;
   id_momenti?: number[];
   data_update?: string;
+  nonValidato?: boolean;
 }
 
 export interface Indice {

src/app/services/comunita.service.ts

@@ -158,7 +158,8 @@ export class ComunitaService {
           autore: cp.autore || '',
           link_youtube: cp.link_youtube || '',
           id_momenti: [],
-          data_update: cp.data_update || ''
+          data_update: cp.data_update || '',
+          nonValidato: true
         }));
 
         this.comunitaCode.set(trimmedCode);

src/app/version.ts

@@ -1 +1 @@
-export const VERSION = '2026.05.20.1128';
+export const VERSION = '2026.05.20.1211';