🐛 fix(gui): make post processed images gallery fit correctly

- add height, object_fit, and elem_id to forensics_gallery to enhance image fitting

🛠️ chore(gui): improve ui with additional sidebar

- add a sidebar Markdown component to improve user interface

app.py

@@ -269,7 +269,7 @@ with gr.Blocks() as iface:
             with gr.Column(scale=2):
                 # Custom HTML component to display results in 5 columns
                 results_html = gr.HTML(label="Model Predictions")
-                forensics_gallery = gr.Gallery(label="Post Processed Images", visible=True, columns=[5], rows=[1], container=False)
+                forensics_gallery = gr.Gallery(label="Post Processed Images", visible=True, columns=[5], rows=[1], container=False, height="auto", object_fit="contain", elem_id="post-gallery")
 
                 outputs = [image_output, forensics_gallery, results_html]
         
@@ -305,6 +305,8 @@ with gr.Blocks() as iface:
     with gr.Tab("Another Interface"):
         # Add components for the second interface here
         gr.Markdown("# Another Interface")
+        with gr.Sidebar():
+            gr.Markdown("# Another Interface")
         # Example: Add a simple text input and output
         text_input = gr.Textbox(label="Enter Text")
         text_output = gr.Textbox(label="Processed Text")