fix: use field id as an identifier for custom properties (#1443)

closes #1440

Author: OmranAbazid

packages/form-js-editor/src/features/properties-panel/groups/CustomPropertiesGroup.js

@@ -46,7 +46,7 @@ export function CustomPropertiesGroup(field, editField) {
       return editField(field, ['properties'], removeKey(properties, key));
     };
 
-    const id = `property-${index}`;
+    const id = `property-${field.id}-${index}`;
 
     return {
       autoFocusEntry: id + '-key',

packages/form-js-editor/test/spec/features/properties-panel/PropertiesPanel.spec.js

@@ -3618,7 +3618,7 @@ describe('properties panel', function () {
           });
 
           // when
-          const input = screen.getByLabelText('Key', { selector: '#bio-properties-panel-property-0-key' });
+          const input = screen.getByLabelText('Key', { selector: `#bio-properties-panel-property-${field.id}-0-key` });
 
           fireEvent.input(input, { target: { value: '' } });
 
@@ -3643,7 +3643,7 @@ describe('properties panel', function () {
           });
 
           // when
-          const input = screen.getByLabelText('Key', { selector: '#bio-properties-panel-property-0-key' });
+          const input = screen.getByLabelText('Key', { selector: `#bio-properties-panel-property-${field.id}-0-key` });
 
           fireEvent.input(input, { target: { value: 'middleName' } });