update product page layout and product multi image support

[dev-rminds]

Changes description & testing suggestions

Developers checklist

• Check that dusk tests are working locally on compatible branch
• Mobile version of changes is developed - if its a webshop feature, mobile version for this feature is developed

QA checklist

• Check regress in implementations custom css - changes are not breaking other implementations designes
• Feature is tested in different screen sizes - desktop, mobile
• WCAG requirements are met - new feature is accessible by keyboard, there are an alt texts
• Translations are done

[RobinMeles]

some feedback points @dev-rminds (also discussed with Linda)
❌ can we remove the 'Vanaf' (price from) label? Since for prices it makes sense, but if a product is free or informative it does not:

❌ feedback from Linda: can the provider link to the actual provider?
Figma:

current product page (plain text):

❌ feedback from Linda: can the whole section be clickable to collapse, instead of just the icon?

like we have on the FAQ:

❌ feedback from Linda: There is a section missing, which is in the Figma design:

on the current product page this is not shown:

The title would be "Misschien vind je dit ook leuk?". It shows 3 random products (from any provider), just like we have on the homepage
✅ rest is all looking great 🚀