menu: on click on prduct open details as BS, also add redirect button to detials page if user click on redirect button

src/components/ProBottomSheet/ProBottomSheet.tsx

@@ -253,6 +253,8 @@ export function ProBottomSheet({
     border: `1px solid ${themeName === "dark" ? "#424242" : "transparent"}`,
     transition: "all 0.3s ease",
     cursor: "pointer",
+    width: 30,
+    height: 30,
   };
 
   const titleStyle: React.CSSProperties = {

src/components/ProHeader/ProHeader.tsx

@@ -6,6 +6,8 @@ import { useAppSelector } from "redux/hooks";
 import { ProBlack2 } from "ThemeConstants";
 import ProTitle from "../ProTitle";
 import useBreakPoint from "hooks/useBreakPoint";
+import NextIcon from "components/Icons/NextIcon";
+
 const { Text } = Typography;
 
 interface ProHeaderProps {
@@ -41,7 +43,6 @@ const ProHeader: FunctionComponent<ProHeaderProps> = ({
         top: 0,
         display: "flex",
         zIndex: 1000,
-        flexDirection: isRTL ? "row-reverse" : "row",
         justifyContent: "space-between",
         alignItems: "center", // This centers vertically
         backgroundColor: themeName === "light" ? "white" : ProBlack2,
@@ -52,10 +53,9 @@ const ProHeader: FunctionComponent<ProHeaderProps> = ({
     >
       <Button
         type="text"
-        icon={<BackIcon />}
+        icon={isRTL ? <NextIcon /> : <BackIcon />}
         style={{
           flex: 0, // Don't allow this to grow
-          marginRight: "auto", // Push it to the start
         }}
         onClick={handleBack}
       />