Feat: works and looks fine?

app.py

@@ -44,27 +44,44 @@ def create_table_for_lb(lb_name, gpu_name):
 
     lb_data = leaderboard_data[lb_name][gpu_name]
 
-    headers = ["Rank", "Submission Name", "User ID", "Score", "Date"]
+    headers = ["Rank", "Discord User ID", "Submission Name", "Score", "Date"]
 
     rows = []
     for i, result in enumerate(lb_data.results, 1):
+        # Add medal emoji for top 3 ranks
+        rank_display = i
+        if i == 1:
+            rank_display = "🥇 1"
+        elif i == 2:
+            rank_display = "🥈 2"
+        elif i == 3:
+            rank_display = "🥉 3"
+
         rows.append(
             [
-                i,
-                result.submission_name,
+                rank_display,
                 result.user_id,
+                result.submission_name,
                 f"{float(result.submission_score):.4f}",
                 result.submission_time,
             ]
         )
 
-    return gr.Dataframe(
+    df = gr.Dataframe(
         headers=headers,
-        datatype=["number", "str", "str", "str", "str"],
+        datatype=[
+            "str",
+            "int",
+            "str",
+            "str",
+            "datetime",
+        ],  # Changed first column to str for medals
         value=rows,
         interactive=False,
     )
 
+    return df
+
 
 def refresh_ui():
     """Force refresh the UI with latest data"""
@@ -101,7 +118,21 @@ def update_table(lb_name, gpu_name):
 
 
 def build_ui():
-    with gr.Blocks(title="ML Leaderboards", theme=gr.themes.Soft()) as app:
+    with gr.Blocks(
+        title="ML Leaderboards",
+        theme=gr.themes.Soft(),
+        css="""
+        .gradio-container table tr:nth-child(1) {
+            background-color: rgba(255, 215, 0, 0.2) !important;  /* Gold */
+        }
+        .gradio-container table tr:nth-child(2) {
+            background-color: rgba(192, 192, 192, 0.2) !important;  /* Silver */
+        }
+        .gradio-container table tr:nth-child(3) {
+            background-color: rgba(205, 127, 50, 0.2) !important;  /* Bronze */
+        }
+    """,
+    ) as app:
         gr.Markdown("# 🍿 KernelBot Leaderboard 🍿")
 
         asyncio.run(fetch_data())
@@ -132,7 +163,7 @@ def build_ui():
             inputs=[lb_dropdown],
             outputs=[gpu_dropdown, results_table],
         )
-        
+
         gpu_dropdown.change(
             fn=update_table, inputs=[lb_dropdown, gpu_dropdown], outputs=results_table
         )

src/retrieve_data.py

@@ -1,4 +1,3 @@
-import asyncio
 from collections import defaultdict
 
 from httpx import AsyncClient