[Beta] Use Server Components

This is not actually feasible yet but it would be nice to prepare so that when they're stable-ish in Next, we can use them.

I started a branch in https://github.com/reactjs/reactjs.org/tree/sc which only has http://localhost:3000/apis/usestate and http://localhost:3000/learn/props stubs which I use for testing.

I've ran into a few things already:

• Basic stub
  • Need a layout system (I hacked one in)
  • Need to have a way to pass components to MDX
  • Minor bug I worked around https://github.com/vercel/next.js/issues/34595
• Shared components can't import client components (https://github.com/vercel/next.js/issues/34594), seems like a big problem for any serious code conversion
• Actually renaming the files (it would be nice to have a script to do that)
  • We can actually do this before adopting SC so that by the time they're out, it's easy to switch. I.e. let's try to convert the site to use .client for things that need to be client components, and to follow SC rules. And then see how far we can keep things on the server, i.e. how many files don't really need .client if we do a bit of refactoring.
• There's no support for SSG, it seems, yet. Next generates something with server runtime. Not sure when SSG is on the roadmap (if at all?)

Bắt đầu bằng việc xem xét branch sc và các stub /apis/usestate và /learn/props của branch này, sau đó kiểm tra các giới hạn của Next.js được liên kết về component dùng chung và SSG. Issue không nêu tên file hoặc test; để hoàn thành sẽ cần thống nhất phạm vi cho việc đổi tên thành .client, áp dụng Server Components và hỗ trợ SSG.