Migrate Competition Overview Page to React

[FinnIckler]

Currently wip porting the registration requirements over

There is an issue that it only does one markdown request at once, but a bunch of fields are in markdown... so not sure what to do about that.

Progress:

[FinnIckler]

Migrated all information over. Now onto the styling

[FinnIckler]

Moving it to the grid with the right sizes was quite easy actually. But I don't really know what the correct equivalent of a Descriptive List is in Semantic

[FinnIckler]

I can rebuild it with another grid, maybe that looks good enough

[FinnIckler]

I was able to replicate it with a grid, but I did have to set the padding to 0 manually

[FinnIckler]

Almost everything moved over to grid

[FinnIckler]

Mobile view

[kr-matthews]

(Only viewed some of the files. Will do the rest later, if the PR is still open.)

[gregorbg]

Opinions?

[kr-matthews]

I haven't fully reviewed everything yet.

I'd be in favour of having the main, exported function at the top of files.

[FinnIckler]

I haven't fully reviewed everything yet.

I'd be in favour of having the main, exported function at the top of files.

Will that not cause a 'referenced before defined' eslint error?

[FinnIckler]

Moved the numbers on the right to a Statisticgroup

Also added a 'Registrations' statistic that is shown instead of the competitor count when the competition isn't finished yet