Update app.py

app.py

@@ -306,23 +306,22 @@ def navigate_to_login():
 
 def app():
     with gr.Blocks() as demo:
+        # JavaScript for scrolling to the top
+        scroll_to_top_js = """
+        <script>
+            function scrollToTop() {
+                document.body.scrollTop = 0; // For Safari
+                document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE, and Opera
+            }
+        </script>
+        """
 
         # Cart & Final Order Page (Always at the Top)
-        with gr.Row(visible=False) as cart_section:
-            gr.Column(visible=True)
+        with gr.Column(visible=False) as cart_section:
             gr.Markdown("### Cart & Final Order Page (Always at the Top)")
-
-            # Floating cart display
             cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
-
-            # Final order display
             final_order_output = gr.HTML(value="", elem_id="final-order")
-
-            # Button to navigate back to Menu Page
             back_to_menu_button = gr.Button("Back to Menu")
-
-            gr.Row(cart_output)
-            gr.Row(final_order_output)
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -402,7 +401,8 @@ def app():
             gr.Row(view_cart_button_top)  # View Cart button at the top
             gr.Row([selected_preference])
             gr.Row(menu_output)
-            gr.Row(view_cart_button_bottom)  # View Cart button at the bottom
+            gr.Row(view_cart_button_bottom)
+            gr.HTML(scroll_to_top_js)# View Cart button at the bottom
             gr.Row(modal_window)
             gr.HTML(modal_and_cart_js)