fix: twFlipForRtl horizontal flip class

Author: wackerow

src/hooks/useRtlFlip.ts

@@ -7,7 +7,7 @@ import { isLangRightToLeft } from "@/lib/utils/translations"
 type UseDirection = {
   /** @deprecated */
   flipForRtl: "scaleX(-1)" | undefined // transform (deprecated)
-  twFlipForRtl: "-scale-x-1" | "" // className
+  twFlipForRtl: "-scale-x-100" | "" // className
   isRtl: boolean
   direction: "ltr" | "rtl"
 }
@@ -22,7 +22,7 @@ export const useRtlFlip = (): UseDirection => {
   const isRtl = isLangRightToLeft(locale as Lang)
   return {
     flipForRtl: isRtl ? "scaleX(-1)" : undefined, // transform (deprecated)
-    twFlipForRtl: isRtl ? "-scale-x-1" : "", // className (preferred)
+    twFlipForRtl: isRtl ? "-scale-x-100" : "", // className (preferred)
     isRtl,
     direction: isRtl ? "rtl" : "ltr",
   }