Getting the tech stack up to date

[sunehs]

Been working on upgrading dependencies and getting the tech stack up to date. So this is mostly an FYI on what changes you should be aware of.

For now I've worked on the frontend. The only major change in how things are done is the router, readme is updated with info on this. Other than that it's now react 18 and require nodejs 18. Pretty much all deps are updated to the newest version, so there's a few changes in how they work, but in most cases we had a wrapper so it's barely noticably. Going forward I'd like to start using react query more, as it'll handle api data nicer than we can with easy-peasy.

For the bot I don't know if it's worth upgrading, depends how much work is expected in the future. discord.js version is getting old and hard to find documentation for our version.

For the backend upgrades should be pretty straight forward, don't see any major changes in never versions of stuff. I had an idea to try deno but that could be a big job for little gain.

[sunehs]

Frontend upgrades are merged to dev now. Ended up also changing styled-components to emotion, due to some issues with props that otherwise would require fixing every prop in a styled component. Syntax is similar so only thing you need to know is importing like this instead: import styled from '@emotion/styled'.