[BUG] - Lack of RTL Support in Input

[mrbadri]

NextUI Version

2.0.10

Describe the bug

The repository does not work correctly when the direction is set to RTL (Right-to-Left). Elements are not displayed as expected, leading to usability issues.

The label is not in the right place

See Here

The Clear Button is not in the right place

See Here

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Go to [https://storybook.nextui.org/?path=/story/components-input--label-placement&globals=locale:ar-AE]
2. Change the document direction to RTL (locale: Arabic).
3. Observe the issues mentioned above.

Expected behavior

I expected the UI to properly support RTL direction, with elements aligning and displaying correctly from right to left.

Screenshots or Videos

No response

Operating System Version

All

Browser

Chrome

[Aux9]

Hi, I'm new on GitHub and this is my first comment and yes, I have this issue too!