feat: replace modal with new design (#4324)

Co-authored-by: Peng Xiao <pengxiao@outlook.com>

apps/storybook/src/stories/onboarding-modal.stories.tsx

@@ -11,7 +11,7 @@ export default {
 } satisfies Meta;
 
 export const Basic: StoryFn = () => {
-  return <TourModal open={true} onClose={() => {}} />;
+  return <TourModal open={true} />;
 };
 Basic.args = {
   logoSrc: '/imgs/affine-text-logo.png',

apps/storybook/src/stories/share-menu.stories.tsx

@@ -136,11 +136,11 @@ export const DisableModal: StoryFn = () => {
       </StyledDisableButton>
       <PublicLinkDisableModal
         open={open}
-        onConfirmDisable={() => {
+        onConfirm={() => {
           toast('Disabled');
           setOpen(false);
         }}
-        onClose={() => setOpen(false)}
+        onOpenChange={setOpen}
       />
     </>
   );