fix: Make banner matching with design

[Valimp]

What

Orange background fit with the text
Better balance with text sizes
SVG responsiveness

Screenshot

New Laptop Version

New Mobile Version

@stephanegigandet Some changes requested by @galnaf

[codecov-commenter]

Codecov Report

Attention: 16 lines in your changes are missing coverage. Please review.

Comparison is base (d3f8740) 44.30% compared to head (d9192ad) 48.92%.
Report is 6 commits behind head on main.

❗ Current head d9192ad differs from pull request most recent head 3685688. Consider uploading reports for the commit 3685688 to get more accurate results

Files	Patch %	Lines
lib/ProductOpener/Display.pm	33.33%	13 Missing and 3 partials ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #9450      +/-   ##
==========================================
+ Coverage   44.30%   48.92%   +4.61%     
==========================================
  Files          64       66       +2     
  Lines       20333    20421      +88     
  Branches     4891     4904      +13     
==========================================
+ Hits         9008     9990     +982     
+ Misses      10150     9161     -989     
- Partials     1175     1270      +95     

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

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication