fix: osc new project (#1032)

apps/client/src/features/app-settings/panel/integrations-panel/OscIntegrations.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { Controller, useFieldArray, useForm } from 'react-hook-form';
 import { Button, IconButton, Input, Select, Switch } from '@chakra-ui/react';
 import { IoAdd } from '@react-icons/all-files/io5/IoAdd';
@@ -40,6 +41,13 @@ export default function OscIntegrations() {
     control,
   });
 
+  // update form if we get new data from server
+  useEffect(() => {
+    if (data) {
+      reset(data);
+    }
+  }, [data, reset]);
+
   const onSubmit = async (values: OSCSettings) => {
     if (values.portIn === values.portOut) {
       setError('portIn', { message: 'OSC IN and OUT Ports cant be the same' });