Fix validation hint icon alignment

[connor-baer]

Purpose

The validation icon should be center-aligned with the text. The text shouldn't wrap around the icon.

Before

After

Approach and changes

• Use flexbox to align the icon

Definition of done

• Development completed
• Reviewers assigned
• Unit and integration tests
• Meets minimum browser support
• Meets accessibility requirements

[changeset-bot]

🦋 Changeset detected

Latest commit: 7cc620e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@sumup/circuit-ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
oss-circuit-ui	✅ Ready (Inspect)	Visit Preview	Jun 22, 2023 7:31pm

[codecov]

Codecov Report

Merging #2160 (7cc620e) into main (0eebf6c) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main    #2160   +/-   ##
=======================================
  Coverage   92.09%   92.09%           
=======================================
  Files         171      171           
  Lines        3607     3607           
  Branches     1270     1270           
=======================================
  Hits         3322     3322           
  Misses        264      264           
  Partials       21       21           

Impacted Files	Coverage Δ
...t-ui/components/FieldAtoms/FieldValidationHint.tsx	94.59% <ø> (ø)