refactor(switch): Refactor switch component to use CSS variables for improved sizing flexibility

[mostafaegouda]

This PR refactors the Switch component from shadcn/ui to leverage CSS variables for all critical sizing and spacing logic. Key improvements include:

• Dynamic sizing: Introduced --switch-width, --switch-height, --switch-padding, and --switch-thumb-size to allow flexible scaling of the switch component without breaking layout.
• Improved thumb translation logic: Replaced static values with --switch-thumb-travel for accurate movement based on component dimensions.
• RTL support: Added logic to handle RTL layouts via conditional translation. related to RTL Support #1638 chore(switch): make it RTL compatible #6337 feat(Switch): update Switch component thumb transition for RTL support #7291
• Code cleanliness: Reduced repeated hardcoded numbers and improved readability through standardized variable names and consistent usage.

This update improves the scalability and maintainability of the Switch component, especially for design systems needing adaptable UI components.

This PR can be further extended to add a size prop to the switch component as discussed in #4098 as it simplifies the idea to just chaning the with css variable.

[vercel]

@mostafaegouda is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.