Make fonts consistent with Outfit across tables and charts

- Update table cell fonts from Manrope to Outfit
- Add global font setting to Plotly charts
- Add openhands_mark_color_forwhite.png to assets

Co-authored-by: openhands <openhands@all-hands.dev>

content.py

@@ -402,7 +402,7 @@ thead.svelte-1e98i6s th {
     background: var(--color-background-dark) !important;
 }
 .cell-wrap.svelte-v1pjjd {
-    font-family: 'Manrope';
+    font-family: 'Outfit', ui-sans-serif, sans-serif;
     }
 nav.svelte-ti537g.svelte-ti537g {
     justify-content: flex-start;
@@ -464,7 +464,7 @@ nav.svelte-ti537g.svelte-ti537g {
     line-height: 1.2 !important;
     vertical-align: top !important;
     font-size: 12px !important;
-    font-family: 'Manrope';
+    font-family: 'Outfit', ui-sans-serif, sans-serif;
 }
 .wrap-header-df th {
     height: auto !important;

leaderboard_transformer.py

@@ -727,6 +727,10 @@ def _plot_scatter_plotly(
             bgcolor='#F7F8FB',  # neutral-50
         ),
         height=572,
+        font=dict(
+            family="Outfit, ui-sans-serif, sans-serif",
+            color="#0D0D0F",  # neutral-950
+        ),
         hoverlabel=dict(
             bgcolor="#222328",  # neutral-800
             font_size=12,

visualizations.py

@@ -17,6 +17,10 @@ from ui_components import get_company_from_model, get_svg_as_data_uri
 STANDARD_LAYOUT = dict(
     template="plotly_white",
     height=572,
+    font=dict(
+        family="Outfit, ui-sans-serif, sans-serif",
+        color="#0D0D0F",  # neutral-950
+    ),
     hoverlabel=dict(
         bgcolor="#222328",  # neutral-800
         font_size=12,