fix: 4231 - "new product" scan card with display flexibility

[monsieurtanuki]

What

• Added flexibility so that the texts of the "new product" scan card always fit in the remaining space of the card after you put the "x" button (top) and the action button (bottom). Therefore no overflow on small screens.
• Just using AutoSizeText and Expanded

Screenshot

before	after	larger screen

Fixes bug(s)

• Fixes: Overflow of new product scan card on small devices #4231

[codecov-commenter]

Codecov Report

Merging #4232 (2b53f68) into develop (95c3a67) will decrease coverage by 0.07%.
The diff coverage is 0.00%.

@@             Coverage Diff             @@
##           develop    #4232      +/-   ##
===========================================
- Coverage    11.00%   10.94%   -0.07%     
===========================================
  Files          282      282              
  Lines        14015    14092      +77     
===========================================
- Hits          1543     1542       -1     
- Misses       12472    12550      +78     

Impacted Files	Coverage Δ
.../cards/product_cards/smooth_product_base_card.dart	0.00% <0.00%> (ø)
...s/product_cards/smooth_product_card_not_found.dart	0.00% <0.00%> (ø)

... and 8 files with indirect coverage changes

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

[teolemon]

Can we circle the close cross ?
https://link.medium.com/nA5CBbWIUAb

[teolemon]

[monsieurtanuki]

Can we circle the close cross ?

Done.

[teolemon]

Would you have a screenshot of how it looks @monsieurtanuki ?

[monsieurtanuki]

Would you have a screenshot of how it looks @monsieurtanuki ?

Not for the moment: I just quickly changed the code and used a different icon:

"My" icon does not have the "strong X and light circle" effect mentioned in your link, and I don't know how relevant it is to you.
Beyond that, the same "close header with strong X" is used in other places in the code (in the full size product page and the question card), and it leads to other questions:

• should we use the same "X" icon in all places?
• if not, which icons where?
• in general, should we have a unique "X" icon in the app for similar actions? (e.g. remove a product from a list)

Which goes beyond the purpose of the PR - and I have a limited access to my computer.

[teolemon]

Ok, let's try as is.

[monsieurtanuki]

Thank you @teolemon for your review!

Don't hesitate to create an issue regarding the consistency of "X" icons if relevant.