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

apps/web/src/components/affine/README.md

@@ -0,0 +1,19 @@
+# Affine Official Workspace Component
+
+This component need specific configuration to work properly.
+
+## Configuration
+
+### SWR
+
+Each component use SWR to fetch data from the API. You need to provide a configuration to SWR to make it work.
+
+```tsx
+const Wrapper = () => {
+  return (
+    <AffineSWRConfigProvider>
+      <Component />
+    </AffineSWRConfigProvider>
+  );
+};
+```