Add 'Try It Out' button to Synthetic Data Settings for demo functionality

Author: devhelpr

src/components/SyntheticDataSettings.tsx

@@ -236,6 +236,19 @@ export default function SyntheticDataSettings({
                     </div>
 
                     <div className="flex flex-row ml-auto gap-2 hideonprint">
+                        <Button
+                            onClick={event => {
+                                event.preventDefault();
+                                onDemoRun();
+                                return false;
+                            }}
+                            size="sm"
+                            variant={'outline'}
+                            className="gap-1.5 xl:hidden"
+                            disabled={isLoading}
+                        >
+                            {t('syntheticData.form.actions.tryItOut')}
+                        </Button>
                         <Button
                             type="submit"
                             size="sm"