feat!: affine cloud support (#3813)

Co-authored-by: Hongtao Lye <codert.sn@gmail.com>
Co-authored-by: liuyi <forehalo@gmail.com>
Co-authored-by: LongYinan <lynweklm@gmail.com>
Co-authored-by: X1a0t <405028157@qq.com>
Co-authored-by: JimmFly <yangjinfei001@gmail.com>
Co-authored-by: Peng Xiao <pengxiao@outlook.com>
Co-authored-by: xiaodong zuo <53252747+zuoxiaodong0815@users.noreply.github.com>
Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com>
Co-authored-by: Qi <474021214@qq.com>
Co-authored-by: danielchim <kahungchim@gmail.com>

packages/component/src/components/workspace/index.tsx

@@ -1,20 +1,14 @@
 import { clsx } from 'clsx';
-import type {
-  HTMLAttributes,
-  PropsWithChildren,
-  ReactElement,
-  ReactNode,
-} from 'react';
+import type { HTMLAttributes, PropsWithChildren, ReactElement } from 'react';
 
 import { AppSidebarFallback } from '../app-sidebar';
 import { appStyle, mainContainerStyle, toolStyle } from './index.css';
 
-export interface WorkspaceRootProps {
+export type WorkspaceRootProps = PropsWithChildren<{
   resizing?: boolean;
   useNoisyBackground?: boolean;
   useBlurBackground?: boolean;
-  children: ReactNode;
-}
+}>;
 
 export const AppContainer = ({
   resizing,
@@ -53,7 +47,7 @@ export const MainContainer = ({
       {...props}
       className={clsx(mainContainerStyle, 'main-container', className)}
       data-is-macos={environment.isDesktop && environment.isMacOs}
-      data-show-padding={padding}
+      data-show-padding={!!padding}
     >
       {children}
     </div>