feat: radix image upload

[kriskbx]

This PR is a rewrite of the image upload UI using the radix-ui library.

before testing

Make sure to run npm install and install newly added dependencies.

known issues

There's a bug that causes some flickering when opening the actual dialog. I still suspect that something higher up in the component tree gets rerendered and causes this. In this particular case, this behaviour is even more frustrating as the entire state of the upload dialog gets reset when this happens, effectively removing the selecting image and jumping back to step one. It seems to be related to clicking/interacting with the Browser. Sometimes it also just works... 😄 Keep this in mind, when testing the PR. I will hunt down the rerender bug next and create a separate PR for this.

[opyh]

Very straightforward and approachable code! ✨

The only issue I found is that the "Review" step shows a cropped version of my uploaded test image:

I expected the complete image to be shown here.

If you agree, feel free to implement the other style-related suggestions – they're not blocking though IMO.

And btw: The new UI looks fabulous!

[opyh]

Thanks for the refactoring effort!

I've tested uploading photos on its branch deployment.

• Seems our branch deployment Ingresses are not configured for allowing big JPG uploads yet
• the image server isn't correctly wired yet

Both looks like a todo for me or both of us together (tomorrow?) :)

Good news: There IS error handling, and it handles errors correctly! 👌😊

Almost good news: When uploading a too-big image, the error message could be more readable:

• errors are readable in dark/bright mode

[kriskbx]

Thanks for the refactoring effort!

I've tested uploading photos on its branch deployment.

* [ ]  Seems our branch deployment Ingresses are not configured for allowing big JPG uploads yet

* [ ]  the image server isn't correctly wired yet

Both looks like a todo for me or both of us together (tomorrow?) :)

Good news: There IS error handling, and it handles errors correctly! 👌😊

Almost good news: When uploading a too-big image, the error message could be more readable:

* [ ]  errors are readable in dark/bright mode

Good catch. I fixed the error message in light mode. I would love to work on the rest together, but maybe on Wednesday? 🙂