Include sync in config change

Author: ColinMcNeil

src/extension/ui/src/App.tsx

@@ -125,7 +125,7 @@ export function App() {
           </Typography>
         </DialogTitle>
         <DialogContent>
-          <PromptConfig client={client} catalogItem={configuringItem!} registryItem={registryItems[configuringItem!.name]} onRegistryChange={loadRegistry} />
+          <PromptConfig client={client} catalogItem={configuringItem!} registryItem={registryItems[configuringItem!.name]} onRegistryChange={startSyncing} />
         </DialogContent>
       </Dialog>}
       <Stack direction="column" spacing={1} justifyContent='center' alignItems='center'>

src/extension/ui/src/components/PromptConfig.tsx

@@ -141,7 +141,7 @@ const PromptConfig = ({
                 }]
             })
             await tryRunImageSync(client, ['--rm', '-v', 'docker-prompts:/docker-prompts', '--workdir', '/docker-prompts', 'vonwig/function_write_files:latest', `'${payload}'`])
-            onRegistryChange();
+            setTimeout(onRegistryChange, 500)
         }
         catch (error) {
             client.desktopUI.toast.error('Failed to update config: ' + error);