Use the Slider component everywhere

[cte]

Context

For UI consistency + code cleanliness.

Implementation

Screenshots

before	after

How to Test

Get in Touch

---

Important

Replace VSCodeSlider with Slider across components for UI consistency and improve JSON error handling in find-missing-translations.js.

• Components:
  • Replace VSCodeSlider with Slider in AdvancedSettings.tsx, AutoApproveSettings.tsx, and BrowserSettings.tsx.
  • Update ApiConfigManager.tsx to use Select component instead of Dropdown.
  • Modify TemperatureControl.tsx to use Slider for temperature adjustments.
• Error Handling:
  • Improve JSON parsing error handling in find-missing-translations.js by adding try-catch blocks.
• Tests:
  • Update tests in ApiConfigManager.test.tsx, ContextManagementSettings.test.tsx, and TemperatureControl.test.tsx to reflect component changes.
• Misc:
  • Remove sliderLabelStyle from styles.ts as it is no longer needed.
  • Add select translation key to various locale files for consistency.

^{This description was created by for 5f12e23. It will automatically update as commits are pushed.}

[changeset-bot]

⚠️ No Changeset found

Latest commit: 5f12e23

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[ellipsis-dev]

The conditional styling that highlighted the selected item was replaced by a check icon. Consider either preserving some visual background highlight or adding an 'aria-selected' attribute for improved accessibility.

Suggested change

	className="text-xs focus:bg-vscode-list-activeSelectionBackground cursor-pointer"
	className="text-xs focus:bg-vscode-list-activeSelectionBackground cursor-pointer" aria-selected={option.value === value}