feat(playground): chart-click cross-filter on metric-views region + segment charts

Wire the new appkit-ui chart props into the metric-views demo: the region BarChart
and segment DonutChart get onDataClick={(d) => setDimension(dim, d.name)} — reusing
the same setDimension the table row-click uses — and selected={selection[dim]} so the
clicked category is emphasized. LineChart, Table, and the existing (keyboard-accessible)
table row-click are unchanged.

Co-authored-by: Isaac
Signed-off-by: Atila Fassina <atila@fassina.eu>

Author: atilafassina

apps/dev-playground/client/src/routes/metric-views.route.tsx

@@ -330,6 +330,8 @@ function MetricViewsRoute() {
                     yKey="arr"
                     height={280}
                     title="Annual recurring revenue by region"
+                    onDataClick={(d) => setDimension("region", d.name)}
+                    selected={selection.region}
                   />
                 )}
             </CardContent>
@@ -361,6 +363,8 @@ function MetricViewsRoute() {
                     innerRadius={55}
                     showLegend
                     title="Annual recurring revenue by segment"
+                    onDataClick={(d) => setDimension("segment", d.name)}
+                    selected={selection.segment}
                   />
                 )}
             </CardContent>