Revert to gr.Column and upgrade Gradio to 5.x to fix visibility bug

app.py

@@ -710,8 +710,8 @@ with gr.Blocks(title="AnatomyBot - MBBS Anatomy Tutor") as demo:
     current_topic = gr.State("")
     current_image_state = gr.State(None)
     
-    # Welcome Screen (shown first) - Using Group instead of Column
-    with gr.Group(visible=True) as welcome_screen:
+    # Welcome Screen (shown first)
+    with gr.Column(visible=True) as welcome_screen:
         gr.Markdown(
             """
             # 🩺 Welcome to AnatomyBot
@@ -754,8 +754,8 @@ with gr.Blocks(title="AnatomyBot - MBBS Anatomy Tutor") as demo:
             with gr.Column(scale=1):
                 pass  # Empty column for centering
     
-    # Main Application (hidden initially) - Using Group instead of Column
-    with gr.Group(visible=False, elem_id="main_app_container") as main_app:
+    # Main Application (hidden initially)
+    with gr.Column(visible=False, elem_id="main_app_container") as main_app:
         gr.Markdown(
             """
             # 🩺 AnatomyBot - Your MBBS Anatomy Tutor

requirements.txt

@@ -1,4 +1,4 @@
-gradio>=4.0.0
+gradio>=5.0.0
 requests>=2.31.0
 python-dotenv>=1.0.0
 Pillow>=10.0.0