fix: Error message does not auto-dismiss and close (X) icon is missing when uploading unsupported file

[VishalS-Microsoft]

Purpose

This pull request introduces improvements to the user experience when handling file upload errors in the FileUploadZone component. The main focus is on automatically hiding file rejection error messages after a short period and making the error message bar more user-friendly.

Error handling and user experience improvements:

• Added an auto-hide feature for file rejection errors: error messages will now disappear automatically after 5 seconds, reducing clutter and improving usability.
• Enhanced the error message bar with a manual dismiss button (onDismiss), allowing users to close error messages themselves.

UI layout adjustment:

• Increased the width of the error message bar container from 837px to 880px for better alignment and visibility.

Does this introduce a breaking change?

• Yes
• No

Golden Path Validation

• I have tested the primary workflows (the "golden path") to ensure they function correctly without errors.

Deployment Validation

• I have validated the deployment process successfully and all services are running as expected with this change.

What to Check

Verify that the following are valid

• ...

Other Information