fix: only pass props to top level

[dpilch]

• only apply props spread to top level

This was done by adding a StudioNode object that contain the current component as well as a reference to the parent node.

Example props not spread:

export default function CollectionOfCustomButtons(props) {
  const { width, backgroundColor, buttonColor } = props;
  const filterCriteriabuttonUser = [];
  const { buttonUser } = useDataStoreBinding({
    type: "collection",
    model: User,
    criteria: filterCriteriabuttonUser,
  });
  return (
    <Collection
      type="list"
      gap="1.5rem"
      backgroundColor={backgroundColor}
      items={buttonUser}
      {...props}
      {...getOverrideProps(props.overrides, "Collection")}
    >
      {(item, index) => (
        <Flex {...getOverrideProps(props.overrides, "Collection.Flex")}>
          <Button
            label={item.username || "hspain@gmail.com"}
            labelWidth={width}
            backgroundColor={buttonColor.favoriteColor}
            disabled={isDisabled}
            {...getOverrideProps(props.overrides, "Collection.Flex.Button")}
          ></Button>
        </Flex>
      )}
    </Collection>
  );
}