fix dx filtering

public/index.html

@@ -3419,47 +3419,6 @@
       );
     };
 
-              {/* Clear filters */}
-              {hasActiveFilters && (
-                <button
-                  onClick={() => onFilterChange({})}
-                  style={{
-                    padding: '4px 12px',
-                    background: 'rgba(255, 100, 100, 0.2)',
-                    border: '1px solid #ff6666',
-                    color: '#ff6666',
-                    borderRadius: '4px',
-                    fontSize: '10px',
-                    cursor: 'pointer',
-                    fontFamily: 'JetBrains Mono'
-                  }}
-                >
-                  Clear All Filters
-                </button>
-              )}
-            </div>
-          )}
-          
-          {activeSource && <div style={{ fontSize: '9px', color: 'var(--text-muted)', marginBottom: '8px' }}>Source: {activeSource}</div>}
-          
-          <div style={{ overflowY: 'auto', maxHeight: showFilters ? '120px' : '200px' }}>
-            {spots.length > 0 ? spots.map((s, i) => (
-              <div key={i} style={{ display: 'grid', gridTemplateColumns: '65px 75px 1fr auto', gap: '10px', padding: '8px 0', borderBottom: '1px solid rgba(255,255,255,0.03)', fontFamily: 'JetBrains Mono, monospace', fontSize: '13px', alignItems: 'center' }}>
-                <span style={{ color: 'var(--accent-green)' }}>{s.freq}</span>
-                <span style={{ color: 'var(--accent-amber)', fontWeight: '600' }}>{s.call}</span>
-                <span style={{ color: 'var(--text-secondary)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{s.comment}</span>
-                <span style={{ color: 'var(--text-muted)' }}>{s.time}</span>
-              </div>
-            )) : (
-              <div style={{ textAlign: 'center', color: 'var(--text-muted)', padding: '20px' }}>
-                {hasActiveFilters ? 'No spots match filters' : 'No spots available'}
-              </div>
-            )}
-          </div>
-        </div>
-      );
-    };
-
     const POTAPanel = ({ activities, loading, showOnMap, onToggleMap }) => (
       <div style={{ background: 'var(--bg-panel)', border: '1px solid var(--border-color)', borderRadius: '8px', padding: '20px', backdropFilter: 'blur(10px)' }}>
         <div style={{ fontSize: '12px', fontWeight: '600', color: 'var(--accent-cyan)', letterSpacing: '2px', marginBottom: '16px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>