Refactor UI layout to include tabbed sections for better organization and clarity

app.py

@@ -253,39 +253,43 @@ with gr.Blocks(css=css, theme=gr.themes.Soft(primary_hue="indigo", secondary_hue
             """)
 
         # Main content with specified layout
-        # First Row: Half Original Audio Input, Half Dubbed Audio Input
-        with gr.Row(elem_classes="input-section"):
-            with gr.Column(scale=1):
-                original_audio = gr.Audio(type="filepath", label="Original .wav file", sources=['upload'],format="wav")
-            with gr.Column(scale=1):
-                dubbed_audio = gr.Audio(type="filepath", label="Dubbed .wav file", sources=['upload'],format="wav")
-
-        # Second Row: 2/3 Email Input 1/3 Company Name Input
-        with gr.Row(elem_classes="input-section"):
-            with gr.Column(scale=2):
-                _email = gr.Textbox(label="Email")
-            with gr.Column(scale=1):
-                _company_name = gr.Textbox(label="Company Name")
-
-        # Third Row: Tolerance Percentage
-        with gr.Row(elem_classes="input-section"):
-            _tolerance = gr.Slider(0, 100, value=5, label="Tolerance Percentage",
-                                   info="Set the tolerance for audio comparison.")
-
-        # Fourth Row: Processing Status
-        with gr.Row(elem_classes="output-section"):
-            output = gr.Text(label="Processing Status")
-
-        with gr.Row():
-            submit_btn = gr.Button("Process Audio", variant="primary")
-
-        with gr.Row():
-            gr.Markdown("### Results")
-            gr.Markdown("Once processing is complete, results will be emailed to the address provided.")
-
-        # Footer
-        with gr.Row(elem_classes="footer"):
-            gr.Markdown("© BSOD.tv - Professional Dub Quality Control")
+        with gr.Tabs():
+            with gr.Tab("Dub Quality Control"):
+                # First Row: Half Original Audio Input, Half Dubbed Audio Input
+                with gr.Row(elem_classes="input-section"):
+                    with gr.Column(scale=1):
+                        original_audio = gr.Audio(type="filepath", label="Original .wav file", sources=['upload'],format="wav")
+                    with gr.Column(scale=1):
+                        dubbed_audio = gr.Audio(type="filepath", label="Dubbed .wav file", sources=['upload'],format="wav")
+
+                # Second Row: 2/3 Email Input 1/3 Company Name Input
+                with gr.Row(elem_classes="input-section"):
+                    with gr.Column(scale=2):
+                        _email = gr.Textbox(label="Email")
+                    with gr.Column(scale=1):
+                        _company_name = gr.Textbox(label="Company Name")
+
+                # Third Row: Tolerance Percentage
+                with gr.Row(elem_classes="input-section"):
+                    _tolerance = gr.Slider(0, 100, value=5, label="Tolerance Percentage",
+                                           info="Set the tolerance for audio comparison.")
+
+                # Fourth Row: Processing Status
+                with gr.Row(elem_classes="output-section"):
+                    output = gr.Text(label="Processing Status")
+
+                with gr.Row():
+                    submit_btn = gr.Button("Process Audio", variant="primary")
+
+                with gr.Row():
+                    gr.Markdown("### Results")
+                    gr.Markdown("Once processing is complete, results will be emailed to the address provided.")
+
+                # Footer
+                with gr.Row(elem_classes="footer"):
+                    gr.Markdown("© BSOD.tv - Professional Dub Quality Control")
+            with gr.Tab("Content Moderation"):
+                pass
 
     # Set up the processing function
     submit_btn.click(