[a11y]: FileUploaderDropContainer's input needs to be moved outside label

[TannerS]

Package

carbon-components-react

Browser

No response

Operating System

No response

Package version

v10.50.0

React version

No response

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker

Assistive technology

No response

Description

the FileUploaderDropContainer has it's input within it's label which sparks a a11y issue

3.3.2 Labels or Instructions: Text input is nested in label such that input precedes the label text

I think I fix for this is moving it outside the label

WCAG 2.1 Violation

3.3.2 Labels or Instructions

CodeSandbox example

https://react.carbondesignsystem.com/?path=/story/components-fileuploader--file-uploader-drop-container

Steps to reproduce

You can view it by ruinning the IBM Equal Access Accessibility Checker in the storybook for the FileUploaderDropContainer

https://react.carbondesignsystem.com/?path=/story/components-fileuploader--file-uploader-drop-container

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems