Update React app architecture

[ao508]

Context

• We currently use Create React App (CRA) as the tool to manage configs, dependencies, and bundle JS code
• CRA has not been a recommended tool for some time. It was deprecated this year, but it got removed from the React.js docs all the way back in 2022
• The React.js docs now recommends Next.js as a solution for production-grade frontend apps

New features

• Performance
  • Code splitting
    • CRA sends the entire JS code bundle to the client regardless of what page was requested
    • Next.js “splits up” the JS code bundle and only sends what’s needed
  • Server side rendering
    • 
• Developer experience
  • One server instance instead of having separate frontend React.js and backend Node.js server
    • A single set of dependencies instead of separate sets => faster build time
  • Built-in file-based routing and API endpoints => less code and more structure in codebase