Feature/new fields

src/core/components/LtrTextField.jsx

@@ -0,0 +1,11 @@
+import { styled, TextField } from "@mui/material";
+
+const LtrTextField = styled(TextField)`
+    .MuiInputBase-input {
+        /* @noflip */
+        direction: ltr;
+        text-align: left;
+    }
+`;
+
+export default LtrTextField;

src/core/components/PriceField.jsx

@@ -0,0 +1,23 @@
+import { Stack, Typography } from "@mui/material";
+import { useTranslations } from "next-intl";
+import LtrTextField from "@/core/components/LtrTextField";
+
+const PriceField = (props) => {
+    const t = useTranslations();
+    return (
+        <Stack spacing={1}>
+            <Stack>
+                <LtrTextField {...props} />
+            </Stack>
+            <Stack direction="row" alignItems="center">
+                <Typography sx={{ margin: 1 }} component="span">
+                    {(props.value / 10).toLocaleString()}
+                </Typography>
+                <Typography component="span" variant="caption" color={"gray"}>
+                    {t("PriceField.toman")}
+                </Typography>
+            </Stack>
+        </Stack>
+    );
+};
+export default PriceField;