Support React server components

[sawyerh]

Blockers

This is blocked if we want to continue using @trussworks/react-uswds. There is a ticket on the @trussworks/react-uswds repo tracking the issue: trussworks/react-uswds#2540

Details

The template currently uses the @trussworks/react-uswds package for providing React versions of the U.S. Web Design System's components. The current implementation of that package makes it incompatible with React server components.

To use the package with the Next.js App Router today, every page would need to include the "use client" directive, which means the template wouldn't be capable of providing the benefits of React server components:

• Server Components can reduce the amount of code sent and run by the client. Only Client modules are bundled and evaluated by the client.
• Server Components benefit from running on the server. They can access the local filesystem and may experience low latency for data fetches and network requests.

Additional resources

• Server vs Client components

[sawyerh]

Fixed in trussworks/react-uswds#2656