fix: improve weather widget icon fit and contrast

[stablegenius49]

Summary

• prevent weather icons from being distorted by rendering them with object-contain
• add a subtle dark overlay plus consistent white foreground styling for better contrast on bright gradients
• keep the forecast/stat chips readable with matching translucent backgrounds and icon sizing

Verification

• npx eslint src/components/Widgets/Weather.tsx (passes with repo/file warnings only: existing hook dependency + img optimization warnings)
• npx prettier --check src/components/Widgets/Weather.tsx

Closes #970.

---

Summary by cubic

Fix weather widget icon distortion and boost contrast on bright gradients so text, forecast chips, and stats remain readable. Closes #970.

• Bug Fixes
  • Render weather icons with object-contain to prevent stretching.
  • Add a subtle dark overlay and switch to white text with a light text-shadow for better contrast.
  • Use consistent translucent backgrounds and adjusted icon/text colors in forecast chips and stat cards for readability.

^{Written for commit 9a71e92. Summary will update on new commits.}

[cubic-dev-ai]

No issues found across 1 file