refactor(infra): directory structure (#4615)

packages/frontend/component/src/components/context/index.tsx

@@ -0,0 +1,27 @@
+import { ProviderComposer } from '@affine/component/provider-composer';
+import { ThemeProvider } from '@affine/component/theme-provider';
+import type { createStore } from 'jotai';
+import { Provider } from 'jotai';
+import type { PropsWithChildren } from 'react';
+import { useMemo } from 'react';
+
+export type AffineContextProps = PropsWithChildren<{
+  store?: ReturnType<typeof createStore>;
+}>;
+
+export function AffineContext(props: AffineContextProps) {
+  return (
+    <ProviderComposer
+      contexts={useMemo(
+        () =>
+          [
+            <Provider key="JotaiProvider" store={props.store} />,
+            <ThemeProvider key="ThemeProvider" />,
+          ].filter(Boolean),
+        [props.store]
+      )}
+    >
+      {props.children}
+    </ProviderComposer>
+  );
+}