refactor: migrate guides to app router

[charislam]

Migrate guides to App Router.

• Checked I haven't broken metadata and Open Graph
• Checked bundle size increase is reasonable
• Checked mobile sizing and light/dark mode
• Checked lazy loading of components still works
• Checked command menu (search, docs AI)
• Checked for no new console errors
• Checked navigation between guides and reference pages
• Check that redirects still work
• Check that 404s don't look too stupid

[supabase]

No changes detected in supabase directory.
This pull request has been ignored for the connected project xguihxuzqibwxjnimxev due to its connection settings.
Go to Project Integrations Settings ↗︎ in order to change this behavior.

---

Branching Preview Branches by Supabase.
Learn more about Supabase for Git ↗︎.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 3, 2024 2:19pm

7 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
database-new	⬜️ Ignored (Inspect)			Jul 3, 2024 2:19pm
design-system	⬜️ Ignored (Inspect)	Visit Preview		Jul 3, 2024 2:19pm
studio	⬜️ Ignored (Inspect)	Visit Preview		Jul 3, 2024 2:19pm
studio-self-hosted	⬜️ Ignored (Inspect)	Visit Preview		Jul 3, 2024 2:19pm
studio-staging	⬜️ Ignored (Inspect)	Visit Preview		Jul 3, 2024 2:19pm
ui-storybook	⬜️ Ignored (Inspect)			Jul 3, 2024 2:19pm
zone-www-dot-com	⬜️ Ignored (Inspect)	Visit Preview		Jul 3, 2024 2:19pm

[github-actions]

[misspell] _{reported by reviewdog 🐶}
"soemthing" is a misspelling of "something"

[MildTomato]

Just had a brief look through changes.

• What about using one Layout (which is a "use client") which uses next/navigation to determine which menu id to use. Then you don't need a layout file for each guide section.

• Could also use one page.tsx file using a catch all.

[charislam]

Just had a brief look through changes.

• What about using one Layout (which is a "use client") which uses next/navigation to determine which menu id to use. Then you don't need a layout file for each guide section.
• Could also use one page.tsx file using a catch all.

good point, I had a pathological desire to push client components as far down as possible, but I don't think there's even anything particularly heavy to render in there 🤔 I'll move the layout and pages up