feat(dees-tile): unify tile badge styling and markup; replace component-specific badge classes with shared tile-badge classes and update related imports/tests

ts_web/elements/00group-media/dees-tile-audio/component.ts

@@ -84,20 +84,6 @@ export class DeesTileAudio extends DeesTileBase {
         display: block;
       }
 
-      .duration-badge {
-        position: absolute;
-        bottom: 8px;
-        right: 8px;
-        padding: 3px 8px;
-        background: ${cssManager.bdTheme('hsl(0 0% 0% / 0.6)', 'hsl(0 0% 100% / 0.85)')};
-        color: ${cssManager.bdTheme('white', 'hsl(215 20% 12%)')};
-        border-radius: 4px;
-        font-size: 10px;
-        font-weight: 600;
-        font-variant-numeric: tabular-nums;
-        backdrop-filter: blur(8px);
-        z-index: 10;
-      }
 
       .play-overlay {
         position: absolute;
@@ -177,7 +163,7 @@ export class DeesTileAudio extends DeesTileBase {
       </div>
 
       ${this.duration > 0 ? html`
-        <div class="duration-badge">${this.formatTime(this.duration)}</div>
+        <div class="tile-badge-corner">${this.formatTime(this.duration)}</div>
       ` : ''}
 
       <div class="play-overlay">