feat: The front picture is now fully visible on the product page

[g123k]

Hi everyone!

This PR (re)introduces the front picture on the product page, but there are also some tweaks to this page:

Compatibility score

• The compatibility score now has a Tooltip to better explain what it is
  .

Front picture

• The front picture is fully visible and not centered (vs search)

• There is a slight border

• The quantity is below the brands (and not on the right)
   
   

• If the front picture is outdated, the indicator is also visible on this page
   

• And there's a Tooltip to explain
   

Brands

• Brands are well formatted (was the case with search results… but not this page)
   

Error states

• If there is no picture available, instead of the blueish placeholder, I've created one with the orange (feel free to add some feedback)
   

• If there is a network error, it's now fully explained
   

Dark mode

• Obviously, it's dark mode compatible
   

Misc

• Obviously, it's a11n compatible

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 0.54054% with 184 lines in your changes missing coverage. Please review.

Project coverage is 6.98%. Comparing base (4d9c7fc) to head (b0490d6).
Report is 452 commits behind head on develop.

Files with missing lines	Patch %	Lines
...pp/lib/cards/product_cards/product_title_card.dart	0.74%	133 Missing ⚠️
...pages/product/product_page/new_product_header.dart	0.00%	40 Missing ⚠️
...b/pages/product/product_page/new_product_page.dart	0.00%	8 Missing ⚠️
...pages/product/product_page/new_product_footer.dart	0.00%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           develop   #5828      +/-   ##
==========================================
- Coverage     9.54%   6.98%   -2.57%     
==========================================
  Files          325     413      +88     
  Lines        16411   22644    +6233     
==========================================
+ Hits          1567    1581      +14     
- Misses       14844   21063    +6219     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[g123k]

I know, there are many commits, but as always, details are details! 😉

[teolemon]

It would be tempting to remove the background using on device segmentation (MLkit), but that's for another time.

[teolemon]

@g123k What's the image ? main product language ? ui language ? any language available if main product language not available ?

[g123k]

@g123k What's the image ? main product language ? ui language ? any language available if main product language not available ?

Same as today:

• Front picture in the current language
• Otherwise front picture from the API
• Otherwise "No image"

In a second PR, I want to show a message in the photo grid to explain why there is a picture on the product page and not there.

Also, a second idea would be to launch the photo grid in a "best world" mode, with photos from any language.