feat: Add how does it work tab

src/distilabel_dataset_generator/apps/base.py

@@ -61,6 +61,10 @@ def get_main_ui(
         head="🧬 Synthetic Data Generator",
         css=_LOGGED_OUT_CSS,
     ) as app:
+        with gr.Row():
+            gr.Markdown(
+                """<details style='display: inline-block;'><summary><h2 style='display: inline;'>How does it work?</h2></summary><img src='https://huggingface.co/spaces/argilla/synthetic-data-generator/resolve/main/assets/flow.png' width='100%' style='margin: 0 auto; display: block;'></details>"""
+            )
         with gr.Row():
             gr.Markdown(
                 "Want to run this locally or with other LLMs? Take a look at the FAQ tab. distilabel Synthetic Data Generator is free, we use the authentication token to push the dataset to the Hugging Face Hub and not for data generation."