refactor!: next generation AFFiNE code structure (#1176)

apps/web/src/components/provider-composer.tsx

@@ -0,0 +1,14 @@
+import { cloneElement, FC, PropsWithChildren, ReactNode } from 'react';
+
+export const ProviderComposer: FC<
+  PropsWithChildren<{
+    contexts: any;
+  }>
+> = ({ contexts, children }) =>
+  contexts.reduceRight(
+    (kids: ReactNode, parent: any) =>
+      cloneElement(parent, {
+        children: kids,
+      }),
+    children
+  );