chore(js-ts): Convert app/components/Base/HorizontalSelector/index.js to TypeScript

[devin-ai-integration]

Description

This PR converts the HorizontalSelector component from JavaScript to TypeScript.

Motivation and Context

This change is part of the ongoing effort to migrate the codebase to TypeScript, improving type safety and developer experience.

Changes

• Renamed index.js to index.tsx
• Added TypeScript interfaces for component props and styles
• Removed PropTypes and replaced with TypeScript types
• Updated imports to include necessary TypeScript types
• Refactored createStyles function for better type inference

Testing Instructions

1. Run yarn lint:tsc to ensure no TypeScript errors
2. Test the HorizontalSelector component in various scenarios to ensure functionality remains unchanged

Screenshots/Recordings

N/A

Types of changes

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

Link to Devin run

https://preview.devin.ai/devin/8bb5194eef49468e8d7c4fea51faaa3b

If you have any feedback, you can leave comments in the PR and I'll address them in the app!

[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.

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: d1b3771
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/d181b049-b20d-4109-88e9-5469e8503538

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[sonarqubecloud]

Quality Gate passed

Issues
9 New issues
0 Accepted issues

Measures
0 Security Hotspots
77.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[smilingkylan]

LGTM