feat: morph/react make use of granular functions when morphing data block

[alex-vladut]

I tried to update the morphing of the data blocks so that instead of making use of the old useData function it will utilise the new granular functions which will be added in the other PR.

[alex-vladut]

@dariocravero I updated the PR as per our discussion yesterday to only morph the relevant useDataX hooks. I tried as well to add an error message in case the developer is referencing a property which is not available like isValid on a constant or aggregate data, but not sure this is the right way to handle such errors or maybe there is a better way, added something like this:

    if (propValue === 'value') {
      return dataGroup.data[0].name
    } else {
      throw new Error(
        `Property ${propValue} is not available on constant data, only "value" is a valid option`
      )
    }

[dariocravero]

Amazing work @alex-vladut!!!
It works really well :) 👇 my tests 😜

Spotted a tiny thing but put it up as another issue, not a blocker at all for this #242