chore(docs): add sandpack to /configuration/pages examples

[ndom91]

Based upon the initial @codesandbox/sandpack support, added it to our /configuration/pages page to allow users to customize and play with the custom pages support, as well as theming.

STILL WIP ATM - Having issues with the custom files / custom dependency setup.

See: https://next-auth-git-ndom91-add-sandpack-custom-page-c606fc-nextauthjs.vercel.app/configuration/pages

Notes:

• You can specify a template (like this react-ts one) or a custom entry point, at which point you have to provide all the deps and configs yourself..
• https://sandpack.codesandbox.io/docs/getting-started/custom-content
• https://sandpack.codesandbox.io/docs/api/react/interfaces/SandpackSetup
• https://sandpack.codesandbox.io/docs/api/react/#sandboxenvironment

Reasoning 💡

Checklist 🧢

• Documentation
• Tests
• Ready to be merged

Affected issues 🎟

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nextauthjs/next-auth/nU9XAEhishh26xEpCLXRMULtnbZr
✅ Preview: https://next-auth-git-ndom91-add-sandpack-custom-page-c606fc-nextauthjs.vercel.app

[Deployment for d8fa183 canceled]

[danilowoz]

Hey, I'm sorry if I didn't make myself very clear in this commentary and here. Sandpack doesn't support any dependency that needs a server to run (but only runtime projects). I thought you had different purposes for Sandpack here and that's why I didn't want to discourage this integration, however I'm afraid to say that CodeSandbox Embed is still the best option.

I also addressed this issue on Sandpack project, to avoid this kind of assumption again codesandbox/sandpack#410

[ndom91]

Ah yes you're right, must have forgotten that piece. Thanks anyway for all the support so far!

[ndom91]

Closing this for now!