Fix rendering of emojis in bar chart labels

Author: caleb531

desktop-app/src/components/MetricBarChart.svelte

@@ -21,6 +21,11 @@
                 bars: {
                     radius: 4
                 },
+                xAxis: {
+                    tickLabelProps: {
+                        class: 'emoji-tick-label'
+                    }
+                },
                 yAxis: {
                     ticks: 5
                 },

desktop-app/src/styles/metrics-bar-chart.css

@@ -4,3 +4,8 @@
     position: relative;
     /* Allow tooltip to overflow if necessary, but chart usually clips */
 }
+
+/* Force Apple Color Emoji to ensure emojis are rendered as graphics, not text */
+.emoji-tick-label {
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
+}