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-pdf/component.ts

@@ -55,15 +55,14 @@ export class DeesTilePdf extends DeesTileBase {
       </div>
 
       ${this.pageCount > 1 && this.isHovering ? html`
-        <div class="preview-page-indicator">
+        <div class="tile-badge">
           Page ${this.currentPreviewPage} of ${this.pageCount}
         </div>
       ` : ''}
 
       ${this.pageCount > 0 && !this.isHovering ? html`
-        <div class="tile-info">
-          <dees-icon icon="lucide:FileText"></dees-icon>
-          <span class="tile-info-text">${this.pageCount} page${this.pageCount > 1 ? 's' : ''}</span>
+        <div class="tile-badge-corner">
+          ${this.pageCount} page${this.pageCount > 1 ? 's' : ''}
         </div>
       ` : ''}
 

ts_web/elements/00group-media/dees-tile-pdf/styles.ts

@@ -35,24 +35,6 @@ export const tilePdfStyles = css`
     border-radius: 4px;
   }
 
-  .preview-page-indicator {
-    position: absolute;
-    top: 8px;
-    left: 8px;
-    right: 8px;
-    padding: 5px 8px;
-    background: ${cssManager.bdTheme('hsl(0 0% 0% / 0.7)', 'hsl(0 0% 100% / 0.9)')};
-    color: ${cssManager.bdTheme('white', 'hsl(215 20% 12%)')};
-    border-radius: 4px;
-    font-size: 11px;
-    font-weight: 600;
-    text-align: center;
-    backdrop-filter: blur(12px);
-    z-index: 15;
-    pointer-events: none;
-    animation: fadeIn 0.2s ease;
-  }
-
   /* Grid optimizations */
   :host([grid-mode]) .preview-canvas {
     image-rendering: -webkit-optimize-contrast;