feat: update create page flow according to design

[karrui]

TL;DR

This PR introduces a new CreatePageModal component and updates the page creation flow. Deprecated modal components have been removed, and the new modal includes form validation, expected behavior, and animation effects for better UI/UX.

What changed?

• Added CreatePageModal component that allows users to create new pages with options for layout, title, and URL.
• Deprecated old page creation modal components such as PageCreateModal, LayoutSelection, etc.
• Enhanced UI/UX with animated transitions using Motionbox.
• Incorporated form validation to ensure correct input.
• Updated schemas and services to support the new page creation logic.
• Added Storybook stories to demonstrate the new page creation flow.
• Refactored existing tests to align with the new components and removed redundant tests.

How to test?

1. Open the application and navigate to the page creation section.
2. Click on the 'Create new page' button.
3. Follow the steps in the new modal to create a page (select layout, enter title, and URL).
4. Check that the input validation works as expected.
5. Verify that the page is created with the correct information.

Why make this change?

The existing page creation components were outdated and did not offer a smooth user experience. This new implementation provides a more intuitive interface with necessary validations and enhanced visuals, making it easier for users to create new pages.

tldr of this is that design changed

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
isomer-studio	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 19, 2024 8:02am

[karrui]

• feat: add rudimentary link to resource in dashboard #336
• feat: properly update page and site config in preview renderer #335
• feat: use type column from db for resource list table #332
• feat: update create page flow according to design #325 👈
• feat: move page level metadata into resource in database #319
• feat: add types to JSON columns in prisma schema #318
• feat: move create resource options to menu #314
• feat: use react table to render resources subpage #313
• feat: add new sidebar layout for CMS site page #309
• feat: create initial dashboard page #308
• feat: use chromatic parameter in stories instead of separate viewport stories #302
• feat: update next to v14.2.5 #301
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @karrui and the rest of your teammates on Graphite

[seaerchin]

lgtm! please fix the as cast - using as const satisfies + removing the type provided works as expected.

some things i felt were done v well in this PR:

1. doing the nitty gritty business logic stuff in the context and exposing wrappers to callers of the hook
2. keeping each individual component "simple" code-wise (groupHover is pog) and exporting helper components to do 1 thing well (XMotionBox)
3. i think we might be reusing the transformation logic (replacing non-alphanum to - and only when isDirty) - i feel that there's value in moving it out to a custom hook but i'm ok to do it later also. leave it to you ba