fix: Use NextJS recommended config for styled-components

[busybox11]

This fixes styled-components styles not rendering on the server side.

Followed this documentation: https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components

For easy debug, disable JS in your devtools and go to /download. You should see something similar to this:

(For reference, this was taken on the production website which, from the looks of it, does not load the styled-component regardless for some reason?)

Using this fix, it does load the style:

If JS is disabled, you can't fill the form anyway, but this is still useful - it will prevent a partial Flash Of Unstyled Content when hydrating on the form area, will also improve layout shift, and by extension UX and SEO.

[vercel]

@busybox11 is attempting to deploy a commit to the Zen Browser Team on Vercel.

A member of the Team first needs to authorize it.