Add render prop support to ClientOnly

[rossipedia]

Deprecates non-render prop usage of children to avoid issues with using client-only imports on the server.

For example, this will cause a problem on the server due to how Remix replaces client only imports with an empty module:

import ClientOnly from "remix-utils";
import Chart from "Chart.client.tsx";

function FakeChart() { ... }

function ClientChart() {
  return (
    <ClientOnly fallback={<FakeChart />}>
      <Chart />
    </ClientOnly>
  );
}

Will give the error:

Error: Element type is invalid: expected a string (for built-in components) or a class/function...

Moving to a render function sidesteps the issue by delaying the call to jsx or createElement until the hydrated component runs on the client:

import ClientOnly from "remix-utils";
import Chart from "Chart.client.tsx";

function FakeChart() { ... }

function ClientChart() {
  return (
    <ClientOnly fallback={<FakeChart />}>
      {() => <Chart />}
    </ClientOnly>
  );
}