fix: FORMS-1640 - changes to CSS to Improve error message contrast for accessibility.

[bhuvan-aot]

Description

Description of the Problem:
Currently, when mandatory fields are not filled and validation is triggered, the contrast between the background pink colour and red font is not high enough to meet accessibility requirements. See the example below where contrast checker software notes a fail vs a pass.

Proposed UX Solution:

Remove the pink background entirely or change its colour to transparent across the entire CHEFS product or specifically within the "form submitter" forms.

How it looks after the CSS changes.

Type of Change

fix (a bug fix)

style (change to code style/formatting)

This is a breaking change because it might
Removing padding could cause Text/content appearing misaligned compared to neighboring elements.

Checklist

• I have read the CONTRIBUTING doc
• I have checked that unit tests pass locally with my changes
• I have run the npm script lint on the frontend and backend
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)
• I have approval from the product owner for the contribution in this pull request

[github-actions]

Release 6fb6b64 deployed at https://chefs-dev.apps.silver.devops.gov.bc.ca/pr-1548