Update app.py

app.py

@@ -1,6 +1,6 @@
 import gradio as gr
 
-LAST_UPDATED = "Nov 22th 2024"
+LAST_UPDATED = "Nov 25th 2024"
 
 ####################################
 # Datos estáticos del leaderboard
@@ -62,18 +62,21 @@ with gr.Blocks(theme=theme) as demo:
     
 with gr.Blocks(theme=theme) as demo:
     gr.Markdown("# 🏆 Leaderboard\nVote to help the community determine the best Catalan TTS models.\n")
-
-    with gr.TabbedInterface() as tabs:
-        with gr.Tab("Leaderboard"):
-            # Inicializa la tabla con los datos directamente al iniciar
+    with gr.Tabs(elem_classes="tab-buttons") as tabs:
+        with gr.TabItem("🏅 Leaderboard", elem_id="od-benchmark-tab-table", id=0):
             leaderboard_table = gr.DataFrame(
                 headers=["Rank", "Model", "UTMOS", "WER", "STOI", "PESQ"], 
                 datatype=["str", "str", "str", "str", "str", "str"], 
                 value=get_leaderboard()  # Carga los datos iniciales de la tabla
             )
+
+        with gr.TabItem("📈 Metrics", elem_id="od-benchmark-tab-table", id=1):
+            gr.Markdown(METRICS_TAB_TEXT, elem_classes="markdown-text")
+
         
-        with gr.Tab("Metrics"):
-            gr.Markdown(METRICS_TAB_TEXT)
+    gr.Markdown(f"Last updated on **{LAST_UPDATED}**", elem_classes="markdown-text")
+
+
 
 # Lanzar la aplicación
 demo.queue(api_open=False, default_concurrency_limit=40).launch(show_api=False)