Standardize all icons to uniform inline SVG format

Replace emojis throughout the codebase with inline SVG icons using
the Icons utility. Remove decorative icons where text labels already
describe the content. Add classification dot CSS for risk indicators.

- Extend Icons utility with comprehensive SVG icon set
- Update navigation, header stats, and action buttons
- Update playback controls and volume icons
- Remove decorative device type and panel header emojis
- Clean up notifications and alert messages
- Add CSS for classification status dots

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

static/js/components/signal-cards.js

@@ -1072,22 +1072,19 @@ const SignalCards = (function() {
         const stats = getAddressStats('meter', msg.id);
         const seenCount = stats ? stats.count : 1;
 
-        // Determine meter type icon and color
-        let meterIcon = '⚡';
+        // Determine meter type color
         let meterTypeClass = 'electric';
         const meterType = (msg.type || '').toLowerCase();
         if (meterType.includes('gas')) {
-            meterIcon = '🔥';
             meterTypeClass = 'gas';
         } else if (meterType.includes('water')) {
-            meterIcon = '💧';
             meterTypeClass = 'water';
         }
 
         card.innerHTML = `
             <div class="signal-card-header">
                 <div class="signal-card-badges">
-                    <span class="signal-proto-badge meter ${meterTypeClass}">${meterIcon} ${escapeHtml(msg.type || 'Meter')}</span>
+                    <span class="signal-proto-badge meter ${meterTypeClass}">${escapeHtml(msg.type || 'Meter')}</span>
                     <span class="signal-freq-badge">ID: ${escapeHtml(msg.id || 'N/A')}</span>
                 </div>
                 ${status !== 'baseline' ? `

static/js/components/signal-timeline.js

@@ -730,16 +730,17 @@ const SignalTimeline = (function() {
 
         container.style.display = 'block';
         container.innerHTML = recentAnnotations.map(ann => {
-            const icons = {
-                new: '🆕',
-                burst: '⚡',
-                pattern: '🔄',
-                flagged: '🚩',
-                gone: '📴'
+            const iconFuncs = {
+                new: () => Icons.newBadge('icon--sm'),
+                burst: () => Icons.meter('icon--sm'),
+                pattern: () => Icons.refresh('icon--sm'),
+                flagged: () => Icons.flag('icon--sm'),
+                gone: () => Icons.offline('icon--sm')
             };
+            const iconHtml = iconFuncs[ann.type] ? iconFuncs[ann.type]() : Icons.sensor('icon--sm');
             return `
                 <div class="signal-timeline-annotation" data-type="${ann.type}">
-                    <span class="signal-timeline-annotation-icon">${icons[ann.type] || '📡'}</span>
+                    <span class="signal-timeline-annotation-icon">${iconHtml}</span>
                     <span>${ann.message}</span>
                     <span style="margin-left: auto; opacity: 0.6;">${formatTimeAgo(ann.timestamp)}</span>
                 </div>