feat: add React Router and restructure project

[martakam]

This PR restructures the project to use React Router, in order to allow us to create a proper multi-page app

Another PR will be created which takes advantage of this, while this PR focuses on adding React Router in general.

[martakam]

This PR is now ready for review. This is a big PR which changes a lot of the files, moves them around and so on. Feel free to ask questions about any of the changes.

[hestro]

This PR is now ready for review. This is a big PR which changes a lot of the files, moves them around and so on. Feel free to ask questions about any of the changes.

Just to make sure I understand the restructuring: is App.tsx essentially replaced by home.tsx (with this being the only route for now), while main.tsx and index.html are essentially handled by root.tsx?

[hestro]

I think I'm starting to get the new folder structure.
I also like the new error handling and the loading message.

The changes look good, and the app runs well, so approving!

[martakam]

This PR is now ready for review. This is a big PR which changes a lot of the files, moves them around and so on. Feel free to ask questions about any of the changes.

Just to make sure I understand the restructuring: is App.tsx essentially replaced by home.tsx (with this being the only route for now), while main.tsx and index.html are essentially handled by root.tsx?

Exactly! The default React Router template could be useful to take a look at, and it shows that it replaces the index.html completely and root.tsx takes over that role.

Furthermore, the index page (/) is home.tsx, as you said.

[martakam]

Another thing worth mentioning: Our default import alias for the project is now ~/, while we didn't have anything set up before, so we needed to use relative paths like ../../components/.... Now, this would be ~/components/... instead