updated the example of with-xstate to utilize the App Router

[Sam-Phillemon9493]

This PR updates the with-xstate example to use the App Router. Here are the changes that have been made:

• Renamed the pages folder to the app folder.
• Updated the routing for / files to align with the App Router.
• moved the components and machine folder inside the app directory by renaming it to _components and _machine
• Added the layout.tsx file as part of the App Router.
• Updated the package.json file.

CC: @samcx

[ijjk]

Allow CI Workflow Run

• approve CI run for commit: 9210e87

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@xstate/react@4.1.2	None	0	36.1 kB	xstate-release-bot
npm/xstate@5.18.1	None	0	1.66 MB	xstate-release-bot

🚮 Removed packages: npm/@xstate/react@3.2.2, npm/xstate@4.38.3

View full report↗︎

[samcx]

@Sam-Phillemon9493 Thank you for submitting a PR!

For next time—

1. Add a reviewer instead of just pinging me in the description (I have manually add myself every time).
2. Make sure to run the script pnpm check-examples, to have the latest next-env.d.ts
3. Make note the small changes I made in the package.json

[Sam-Phillemon9493]

@Sam-Phillemon9493 Thank you for submitting a PR!

For next time—

1. Add a reviewer instead of just pinging me in the description (I have manually add myself every time).
2. Make sure to run the script pnpm check-examples, to have the latest next-env.d.ts
3. Make note the small changes I made in the package.json

@samcx Noted—thanks for the feedback!