Suspense support

[toiroakr]

Is your feature request related to a problem? Please describe.
Now loading component is fixed in fabrix.
And it's simple component as follows.

export const Loader = () => {
  return (
    <div aria-busy="true" role="status">
      Loading...
    </div>
  );
};

Describe the solution you'd like
Add suspenseFallback prop to FabrixComponent.

Describe alternatives you've considered

Additional context

[IzumiSy]

Options

1. Add suspense option or something to let fabrix throw Promise object to the outer component suspending.

Context-level:

<FabrixProvider suspense={true}>
  {props.children}
</FabrixProvider>

2. Add loader key in CustomRegistry (global-level loader) or FabrixComponent (component-level loader)

Pattern for default components in ComponentRegistry

const registry = new ComponentRegistry({
  default: {
    table: {
      component: DefaultFabrixTable,
      loader: TableLoader // <-- Loading view (optional)
    }
  }
})

Pattern for custom components in ComponentRegistry

const customTable = {
  type: "table"
  component: (props) => {
    // implementation
  },

  // optional
  loader: () => (
    <CustomTableLoader />
  )
}

const registry = new CustomRegistry({
  custom: {
    customTable,
  }
})