[bug] product images not found at order completion page

[julianocosta89]

Bug Report

Which version of the demo you are using?
742594f

Symptom

After #1462 got merged, when running the demo, the images are not loaded on the order completion page:

What is the expected behavior?

All product images should be properly loaded.

Reproduce

Clone main, run the demo, navigate to the web ui and buy a product.

[klucsik]

The frontend tries tor reach the image in the url: http://localhost:8080/_next/image?url=%2Fimages%2Fproducts%2FRoofBinoculars.jpg&w=96&q=75
Which doesn't exist since Imageprovider.
Strangely the bit in the CheckouItem.tsx looks exactly the same.
So this is caused by some nextjs image optimization logic, I'm digging

[klucsik]

This commit Fixes the issue by passing down the optimization request to the imageprovider service. The imageprovider doesnt have anything similar implemented, so the resulting images are distorted.

This can be done with https://nginx.org/en/docs/http/ngx_http_image_filter_module.html nginx module, which would need a more complex imageprovider setup (as we need to install both this and otel module to nginx is beyond the easy apt-get install capabilities).
Maybe we should put this loader globally, as it is a bit odd in this specific component, but as I see, no other image is resized by react, even in responsive view