chore: Bump React to 19, Recharts to 3, and Mantine to 8.2

[torokati44]

Let's see whether doing all at once works...

[torokati44]

Hmm, most of the horizontal grid lines on the "contributions" bar chart are gone...
And when I'm switching back from eg. the Downloads page to "About Ruffle", the placeholder image doesn't disappear, the logo animation starts playing on top of it...

[torokati44]

There's also this:
⚠ metadataBase property in metadata export is not set for resolving social open graph or twitter images, using "http://localhost:3000". See https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase
but this might be some preexisting thing

[danielhjacobs]

metadataBase property in metadata export is not set for resolving social open graph or twitter images, using "http://localhost:3000". See https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase is definitely pre-existing.

[danielhjacobs]

The switching pages behavior for the logo animation has always been finicky with npm run dev, have you tried simulating what we actually do?

npm install
npx --no-install next build
npx serve@latest out

[danielhjacobs]

I think the problem is React's dev mode double-rendering doesn't play well with our code, but the live-site doesn't double render so it's fine.

[danielhjacobs]

So the actual regression here is just those horizontal bars. Maybe recharts' default bar-chart behavior changed.

[danielhjacobs]

My guess: Recharts removed the middle-lines by default but added a configuration to get them back, but @mantine/charts doesn't support modifying that configuration since it didn't exist in Recharts 2.

[torokati44]

and... as unfortunate as that is, is it a blocker?

[danielhjacobs]

Not imo, share a before and after screenshot here and/or on Discord and ask for others to weigh in I'd say.

[torokati44]

The switching pages behavior for the logo animation has always been finicky with npm run dev, have you tried simulating what we actually do?

Yeah with those 3 commands, the placeholder and logo work properly when switching back to the main page.

[danielhjacobs]

By the way, check the #website channel in Discord. I found something to restore the old behavior. It makes zero sense though...

[torokati44]

I've added your workaround for the grid lines, @danielhjacobs. If you're okay with all this, please merge.