fix: inline label props have unexpected behavior with new validation

[mihai-albu-sage]

labelInline and legendInline should have no effect with new validation

Proposed behaviour

labelInline or legendInline props should have no effect when new validation flag has been set across the following components: DateRange, NumeralDate, RadioButtonGroup, Textarea

DateRange with new validation flag and labelInline - proposed behavior:

NumeralDate with new validation flag and labelInline - proposed behavior:

RadioButtonGroup with new validation flag and legendInline - proposed behavior:

Textarea with ``new validation flag and labelInline - proposed behavior: (no padding-top present that shifts the entire content down).

Current behaviour

In certain components, labelInline or legendInline props change the component alignment when the new validation flag has been set.

DateRange with new validation flag and labelInline - current behavior:

NumeralDate with new validation flag and labelInline - current behavior:

RadioButtonGroup with new validation flag and legendInline - current behavior:

Textarea with ``new validation flag and labelInline - current behavior: (padding-top is present and shifts the entire content down)

Checklist

• Commits follow our style guide
• Related issues linked in commit messages if required
• Screenshots are included in the PR if useful
• All themes are supported if required
• Unit tests added or updated if required
• Playwright automation tests added or updated if required
• Storybook added or updated if required
• Translations added or updated (including creating or amending translation keys table in storybook) if required
• Typescript d.ts file added or updated if required
• Related docs have been updated if required

QA

• Tested in provided StackBlitz sandbox/Storybook
• Add new Playwright test coverage if required
• Carbon implementation matches Design System/designs
• UI Tests GitHub check reviewed if required

Additional context

Testing instructions