feat(interface): add project accordion state management

- add project_accordion_state to manage the open/close state of the project accordion
【UI】
- update predict_button.click to include project_accordion_state in inputs and outputs
【Behavior】
- add project_accordion_state.change to update the accordion open/close state based on the project_accordion_state value

app.py

@@ -251,16 +251,18 @@ with gr.Blocks() as iface:
         augment_checkboxgroup.change(lambda methods: gr.update(visible="add_noise" in methods), inputs=[augment_checkboxgroup], outputs=[noise_slider])
         augment_checkboxgroup.change(lambda methods: gr.update(visible="sharpen" in methods), inputs=[augment_checkboxgroup], outputs=[sharpen_slider])
         
+        project_accordion_state = gr.State(value=True)  # State to manage accordion open/close
+
         predict_button.click(
             fn=predict_image_with_html, 
-            inputs=inputs, 
-            outputs=outputs
+            inputs=inputs + [project_accordion_state], 
+            outputs=outputs + [project_accordion_state]
         )
-        predict_button.click(
-            fn=None, 
-            js="() => {document.getElementById('project_accordion').open = false;}",  # Close the project accordion
-            inputs=[], 
-            outputs=[]
+
+        project_accordion_state.change(
+            lambda state: gr.update(open=state), 
+            inputs=[project_accordion_state], 
+            outputs=[project_accordion] # type: ignore
         )
 
     with gr.Tab("Another Interface"):