fix[plugins][commercetools]: ENG-7186 Component that uses Commercetools plugin doesn't update Builder UI when components are selected successively (BuilderIO#3656)

## Description

- Update dependency from `@builder.io/commerce-plugin-tools` to
`@builder.io/plugin-tools` as the former is deprecated.
- Add fix for `resourceId` not updating on props change
- Tested on CMS with local plugin URL.

**Link to JIRA ticket:**
https://builder-io.atlassian.net/browse/ENG-7186

**Screenshot**
![Screenshot 2024-10-22 at 4 50
35 PM](https://github.com/user-attachments/assets/847a5324-8737-49c8-8073-b5b622fdfc80)

**Loom**
https://www.loom.com/share/a9abb23801194f3c8ff967ea76af7b18

Author: midhunadarvin

packages/plugin-tools/src/editors/ResourcesPicker.tsx

@@ -189,6 +189,13 @@ export const ResourcesPickerButton: React.FC<ResourcesPickerButtonProps> = props
       : typeof props.value === 'string'
       ? props.value
       : props.value?.options?.get(props.resourceName),
+    updateResourceId(newProps: ResourcesPickerButtonProps) {
+      this.resourceId = newProps.handleOnly
+      ? undefined
+      : typeof newProps.value === 'string'
+      ? newProps.value
+      : newProps.value?.options?.get(newProps.resourceName);
+    },
     async getResource() {
       this.error = null;
       this.loading = true;
@@ -254,8 +261,9 @@ export const ResourcesPickerButton: React.FC<ResourcesPickerButtonProps> = props
   }));
 
   useEffect(() => {
+    store.updateResourceId(props);
     store.getResource();
-  }, []);
+  }, [props.value]);
 
   useEffect(() => {
     const hasPreviewFields = Boolean(