fix(antd): rtl support for mobile sider (#6245) (fixes #6263)

Co-authored-by: Ali Emir Şen <[email protected]>

.changeset/friendly-panthers-beam.md

@@ -0,0 +1,9 @@
+---
+"@refinedev/antd": patch
+---
+
+fix(antd): rtl support for mobile sider trigger and drawer placement
+
+`<ThemedLayoutV2 />` has RTL support but it lacks the mobile sider trigger and drawer placement. This change places the drawer depending on the preferred direction. It also adds RTL support for the styling of the mobile sider trigger.
+
+[Fixes #6263](https://github.com/refinedev/refine/issues/6263)

packages/antd/src/components/themedLayoutV2/sider/index.tsx

@@ -232,7 +232,7 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
         <Drawer
           open={mobileSiderOpen}
           onClose={() => setMobileSiderOpen(false)}
-          placement="left"
+          placement={direction === "rtl" ? "right" : "left"}
           closable={false}
           width={200}
           bodyStyle={{

packages/antd/src/components/themedLayoutV2/sider/styles.ts

@@ -1,8 +1,8 @@
 import type { CSSProperties } from "react";
 
 export const drawerButtonStyles: CSSProperties = {
-  borderTopLeftRadius: 0,
-  borderBottomLeftRadius: 0,
+  borderStartStartRadius: 0,
+  borderEndStartRadius: 0,
   position: "fixed",
   top: 64,
   zIndex: 999,