Improve visual styling of error validation boxes

[antpaw]

Reasons for making this change

fixes #4619

after:

before:

Checklist

• I'm updating documentation
  • I've checked the rendering of the Markdown text I've added
• I'm adding or updating code
  • I've added and/or updated tests. I've run npx nx run-many --target=build --exclude=@rjsf/docs && npm run test:update to update snapshots, if needed.
  • I've updated docs if needed
  • I've updated the changelog with a description of the PR
• I'm adding a new feature
  • I've updated the playground with an example use of the feature

[heath-freenome]

@antpaw Can you update the test snapshots using npm run test:update so that we can merge this

[heath-freenome]

@antpaw Just need you to fix the build and we can merge

[antpaw]

@heath-freenome done

[heath-freenome]

One last thing to look at and then I'll approve/merge

[heath-freenome]

Can you consolidate this with the new @rjsf/chakra-ui above. Also, since we just created a new MultiSchemaFieldTemplate for chakra-ui, can you take a look at that and see if you wanted to improve its UI.

[antpaw]

sure, done