feat: directive $observe to wrap component in a Memo

[misaeldossantos]

Hi, I created a babel plugin to automatically wrap components in a just by adding the $observe directive to any jsx tag where you want to observe (I originally created it for mobx, then I adapted it for legend state, it worked the same way).

Example:

<div $observe>Count: {state$.count.get()}</div>

Babel transforms it to

<Memo>{() => <div>Count: {state$.count.get()}</div>}</Memo>

It is identical to the plugin that already exists (https://legendapp.com/open-source/state/v3/react/fine-grained-reactivity/#optionally-add-the-babel-plugin), but without needing to wrap the components in a Memo, just adding a new prop to the component ($observe)