TPI layout overhaul

[dgboss]

• Use the mountain svg as a background image
• Use svgs for the 'flags' so they can be transparent
• Enhance contrast of text as per figma design
• Change tabpanel backgrounf to match figma design
  

Closes #3914

Test Links:

Landing Page
MoreCast
Percentile Calculator
C-Haines
FireBat
FireBat bookmark
Auto Spatial Advisory (ASA)
HFI Calculator

[sonarcloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 80.63%. Comparing base (06c42d9) to head (bbfa43a).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #4050      +/-   ##
==========================================
+ Coverage   80.10%   80.63%   +0.52%     
==========================================
  Files         304      304              
  Lines       11550    11550              
  Branches      537      537              
==========================================
+ Hits         9252     9313      +61     
- Misses       2112     2119       +7     
+ Partials      186      118      -68     

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

[brettedw]

Nice work! I like that text shadow 👌