chore(js-ts): Convert app/components/Views/MediaPlayer/Loader.js to TypeScript

[devin-ai-integration]

PR Description

Summary

This PR converts the Loader.js file to TypeScript following the playbook instructions. The conversion process involved renaming the file to Loader.tsx, adding type annotations, and ensuring no TypeScript errors remain. Additionally, the onError prop has been added and handled separately from onClose, with appropriate type annotations and implementation.

Related Issues

• N/A

Manual Testing Steps

1. Verify that the Loader component functions as expected in the application.
2. Ensure that there are no TypeScript errors in the Loader.tsx file.
3. Check that the onClose and onError props are correctly typed and function as intended.

Author Checklist

• Converted Loader.js to Loader.tsx with appropriate type annotations.
• Removed propTypes from the Loader.tsx file.
• Ensured no TypeScript errors remain in the file.
• Updated the PR description to follow the template.
• Added and handled the onError prop separately from onClose.

Reviewer Checklist

• Verify that the Loader component functions correctly in the application.
• Ensure that the onClose and onError props are correctly typed and function as intended.
• Confirm that the PR description follows the template and provides all necessary information.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[devin-ai-integration]

Triggering CI rerun

[devin-ai-integration]

The onClose prop in the Loader.tsx file is now correctly typed as () => void, consistent with the CollectibleMediaProps interface. The PR is ready for review.

[sonarqubecloud]

Quality Gate failed

Failed conditions
5.0% Coverage on New Code (required ≥ 40%)

See analysis details on SonarCloud