Update app.py

Add support to RTL display for Arabic text

app.py

@@ -264,14 +264,30 @@ def main() -> None:
 
     fetch_data()
 
-    # To avoid the orange border for the Gradio elements that are in constant loading
+    # # To avoid the orange border for the Gradio elements that are in constant loading
+    # css = """
+    # .generating {
+    #     border: none;
+    # }
+    # img {
+    # width: auto; /* or you can set it to a specific width like 200px */
+    # height: auto; /* adjust the height as needed */
+    # }
+    # """
+    
+    # CSS for RTL styling and removing the orange border for constantly loading elements
     css = """
     .generating {
         border: none;
     }
     img {
-    width: auto; /* or you can set it to a specific width like 200px */
-    height: auto; /* adjust the height as needed */
+        width: auto;  /* or you can set it to a specific width like 200px */
+        height: auto; /* adjust the height as needed */
+    }
+    /* Add RTL styling for Arabic text */
+    .markdown, .gr-row, .gr-column {
+        direction: rtl;
+        text-align: right;
     }
     """