use st metrics

app.py

@@ -511,74 +511,59 @@ tab_ar, tab_en, tab_fr = st.tabs(["العربية", "English", "Français"])
 
 with tab_en:
     st.markdown(INTRO_TEXT_EN, unsafe_allow_html=True)
-    col1, col2 = st.columns([1, 1])
+    col1, col2, col3 = st.columns([1, 1, 1])
     with col1:
-        st.markdown(
-            f"""
-                <div style="text-align: center;">
-                <h3>Number of help requests</h3>
-                <h2>{len_requests}</h2>
-                </div>
-                """,
-            unsafe_allow_html=True,
+        st.metric(
+            "# Number of help requests",
+            len_requests,
         )
     with col2:
-        st.markdown(
-            f"""
-                <div style="text-align: center;">
-                <h3>Number of interventions</h3>
-                <h2>{len_interventions}</h2>
-                </div>
-                """,
-            unsafe_allow_html=True,
+        st.metric(
+            "# Number of interventions",
+            len_interventions + len_solved_verified_requests,
+        )
+    with col3:
+        st.metric(
+            "# Number of solved requests",
+            len_solved_verified_requests,
         )
 with tab_ar:
     st.markdown(INTRO_TEXT_AR, unsafe_allow_html=True)
-    col1, col2 = st.columns([1, 1])
+    col1, col2, col3 = st.columns([1, 1, 1])
     with col1:
-        st.markdown(
-            f"""
-                <div style="text-align: center;">
-                <h3>عدد طلبات المساعدة</h3>
-                <h2>{len_requests}</h2>
-                </div>
-                """,
-            unsafe_allow_html=True,
+        st.metric(
+            "# عدد طلبات المساعدة",
+            len_requests,
         )
     with col2:
-        st.markdown(
-            f"""
-                <div style="text-align: center;">
-                <h3>عدد التدخلات</h3>
-                <h2>{len_interventions}</h2>
-                </div>
-                """,
-            unsafe_allow_html=True,
+        st.metric(
+            "# عدد التدخلات",
+            len_interventions + len_solved_verified_requests,
+        )
+    with col3:
+        st.metric(
+            "# عدد الطلبات المستجاب لها",
+            len_solved_verified_requests,
         )
-
 with tab_fr:
     st.markdown(INTRO_TEXT_FR, unsafe_allow_html=True)
-    col1, col2 = st.columns([1, 1])
+    col1, col2, col3 = st.columns([1, 1, 1])
     with col1:
-        st.markdown(
-            f"""
-                <div style="text-align: center;">
-                <h3>Nombre de demandes d'aide</h3>
-                <h2>{len_requests}</h2>
-                </div>
-                """,
-            unsafe_allow_html=True,
+        st.metric(
+            "# Nombre de demandes d'aide",
+            len_requests,
         )
     with col2:
-        st.markdown(
-            f"""
-                <div style="text-align: center;">
-                <h3>Nombre d'interventions</h3>
-                <h2>{len_interventions}</h2>
-                </div>
-                """,
-            unsafe_allow_html=True,
+        st.metric(
+            "# Nombre d'interventions",
+            len_interventions + len_solved_verified_requests,
+        )
+    with col3:
+        st.metric(
+            "# Nombre de demandes résolues",
+            len_solved_verified_requests,
         )
+        
 
 # Verified Requests table
 st.divider()