feat: migrate workspace setting with new design to setting modal (#2900)

Co-authored-by: Alex Yang <himself65@outlook.com>

packages/component/src/components/setting-components/wrapper.tsx

@@ -0,0 +1,15 @@
+import type { FC, PropsWithChildren } from 'react';
+
+import { wrapper } from './share.css';
+export const SettingWrapper: FC<
+  PropsWithChildren<{
+    title?: string;
+  }>
+> = ({ title, children }) => {
+  return (
+    <div className={wrapper}>
+      {title ? <div className="title">{title}</div> : null}
+      {children}
+    </div>
+  );
+};