fix: When there is just a close button, the product card should have a full-width title

[g123k]

Hi everyone,

In the carousel, product cards have a close button, but we lose so much space (here in red):

This PR fixes with:

Note: This one + #4357 should really improve the layout on small screens

[codecov-commenter]

Codecov Report

Merging #4404 (81ab9ac) into develop (05850f3) will decrease coverage by 0.01%.
The diff coverage is 0.00%.

@@             Coverage Diff             @@
##           develop    #4404      +/-   ##
===========================================
- Coverage    10.17%   10.17%   -0.01%     
===========================================
  Files          295      295              
  Lines        15045    15046       +1     
===========================================
  Hits          1531     1531              
- Misses       13514    13515       +1     

Files Changed	Coverage Δ
...pp/lib/cards/product_cards/product_title_card.dart	0.00% <0.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[github-actions]

You can test this PR on: Android

[teolemon]

I would really like to move the close button elsewhere (possibly outside the card, as an overlay, or in the compatibility bar, but then we need to do something with the cogwheel)

[g123k]

I would really like to move the close button elsewhere (possibly outside the card, as an overlay, or in the compatibility bar, but then we need to do something with the cogwheel)

I think the best place would indeed be in the compatibility bar.

Here is a possible implementation:

• Why not replace the settings-like icon by the 'Close' one
• We made the full compatibility bar tappable + add an 'Info' icon on the left
  By clicking on this icon, we would have a small dialog to explain what is this value (because we don't explain it clearly). And in this dialog, there would be a link to the food prefs.