[Bug]: Sound slider filled track is not aligned with RTL direction in Account Preferences

Description:

In http://localhost:3000/account/preferences under Sound, the slider filled track (colored part) does not follow RTL direction when the app language is Arabic/Persian.

Steps to reproduce:

1. Go to http://localhost:3000/account/preferences
2. Change app language to Arabic or Persian and save
3. Open the Sound section
4. Move Master volume to around 60%
5. Observe the filled/colored part of the slider

Expected behavior:

In RTL, the filled (colored) part should be on the correct RTL side of the thumb, and decrease from the opposite side when lowering the value.

Actual behavior:

The filled/colored part behaves like LTR and appears on the wrong side in RTL.

Video demo of the issue:

https://github.com/user-attachments/assets/130b4f82-d2b9-485c-ae7b-40fc3c77451e

Server Setup Information:

• Version of Rocket.Chat Server: 8.1.0-develop
• License Type:
• Number of Users:
• Operating System:
• Deployment Method:
• Number of Running Instances:
• DB Replicaset Oplog:
• NodeJS Version:
• MongoDB Version:

Client Setup Information

• Desktop App or Browser Version: All browsers
• Operating System: Ubuntu

Additional context

Observed in Account Preferences → Sound sliders (e.g., Master volume).

Relevant logs:

No related errors observed in browser/server logs.

Start at the Account Preferences → Sound entry point and reproduce the Master volume behavior at around 60% with Arabic or Persian enabled. Compare the filled track with the expected RTL side while moving the slider, and consider the issue complete when the colored track follows RTL direction in all browsers without affecting LTR behavior.