fix(design): use correct payments onSurface value

[chris-at-jobber]

Motivations

payments--onSurface was referencing invoice--surface instead of onSurface, so if you used them together as intended, it would be quite illegible

Changes

Fixed

• payments--onSurface used on payments--surface will now be legible

Testing

Run npm run bootstrap and check the colors docs. (or check here)

Changes can be tested via Pre-release

---

In Atlantis we use Github's built in pull request reviews.