🐛 (facet) make legend clickable for line and slope charts only

packages/@ourworldindata/grapher/src/facetChart/FacetChart.tsx

@@ -795,6 +795,13 @@ export class FacetChart
         return this.isNumericLegend ? this.numericLegend : this.categoryLegend
     }
 
+    @computed private get isFocusModeSupported(): boolean {
+        return (
+            this.chartTypeName === GRAPHER_CHART_TYPES.LineChart ||
+            this.chartTypeName === GRAPHER_CHART_TYPES.SlopeChart
+        )
+    }
+
     /**
      * In order to display a potentially long facet label in the potentially tight space, we
      * shrink and shorten the label as follows to prevent overlap between neighbouring labels:
@@ -853,7 +860,9 @@ export class FacetChart
                 onMouseLeave={this.onLegendMouseLeave}
                 hoverColors={this.hoverColors}
                 activeColors={this.activeColors}
-                onClick={this.onLegendClick}
+                onClick={
+                    this.isFocusModeSupported ? this.onLegendClick : undefined
+                }
             />
         )
     }