Use font optimization from Next

[newswim]

https://nextjs.org/docs/app/building-your-application/optimizing/fonts

We want to make sure that there's not a flash of unstyled content while loading things like fonts, image assets, and css. Next has some advanced features like server-side rendering to ensure that only the minimal amount of JS/CSS are shipped to the client. SSR is an "advanced" feature, but they also have some simple React abstractions for loading fonts from Google which should ensure that fonts are cached locally.