style: adjust number to currency format

src/pages/Payback/Payback.js

@@ -48,9 +48,14 @@ export const Payback = observer(() => {
       ),
     },
     {
-      title: "Amount",
-      dataIndex: "amount",
-      key: "amount",
+        title: "Amount",
+        dataIndex: "amount",
+        key: "amount",
+        render: (text) =>
+            new Intl.NumberFormat("id-ID", {
+                style: "currency",
+                currency: "IDR",
+            }).format(text),
     },
     {
       title: "Action",

src/pages/Payback/PaybackFromUser.js

@@ -56,6 +56,11 @@ export const PaybackFromUser = observer(() => {
       title: "Amount",
       dataIndex: "amount",
       key: "amount",
+      render: (text) =>
+          new Intl.NumberFormat("id-ID", {
+            style: "currency",
+            currency: "IDR",
+          }).format(text),
     },
   ];
 

src/pages/Product/Subcategory.js

@@ -1,11 +1,11 @@
-import React, {useContext, useEffect, useState} from "react";
-import {Button, Card, Col, Input, Row,message} from "antd";
+import React, {useContext, useEffect} from "react";
+import {Button, Card, Col, Input, message, Row} from "antd";
 import {PlusSquareOutlined} from "@ant-design/icons";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {useStore} from "../../utils/useStore";
 import {observer} from "mobx-react-lite";
 import {LINKS} from "../../routes/app";
-import {SubcategoryComponent} from "../../component/Subcategory";
+import {SubcategoryComponent} from "../../component/SubcategoryComponent";
 import {ModalLoaderContext} from "../../utils/modal";
 
 const {Search} = Input;

src/pages/Profile/Profile.js

@@ -42,6 +42,11 @@ export const Profile = observer(() => {
       dataIndex: 'mark_up_price',
       key: 'mark_up_price',
       width: '20%',
+      render: (text) =>
+          new Intl.NumberFormat("id-ID", {
+            style: "currency",
+            currency: "IDR",
+          }).format(text),
     },
     {
       title: 'Name',