add `createEffect` method from the `lume`'s Element3D

Nobody has claimed this yet.

`this.createEffect()` will make an effect that is conveniently stopped in `disconnectedCallback`. This is useful for creating effects in `connectedCallback` and then not having to use `createRoot` and `disconnectedCallback` to stop them.

Currently:

```js
connectedCallback() {
super.connectedCallback()

createRoot(dispose => {
this.dispose = dispose
createEffect(() => {
// ...
onCleanup(() => {...})
})
})
}

disconnectedCallback() {
super.disconnectedCallback()
this.dispose()
}
```

Using `this.createEffect`:

```js
connectedCallback() {
super.connectedCallback()

this.createEffect(() => {
// ...
onCleanup(() => {...})
})
}
```

Read the Element3D implementation referenced in the title, then trace the connectedCallback and disconnectedCallback entry points shown in the issue. Done means effects created through the new method during connection are stopped when the element is disconnected, without requiring each component to manage a separate root and disposer.

Written by the indexing model from the issue text.