feat: config for transaction role

src/pages/App/MenuList.js

@@ -52,7 +52,7 @@ export const MenuList = observer((props) => {
 					<span>Product</span>
 				</Link>
 			</Menu.Item>}
-			{store.authentication.userData.role === ('Supervisor' || 'Sales') && <Menu.Item key="transaction">
+			{store.authentication.userData.role === ('Retail' || 'Admin') && <Menu.Item key="transaction">
 				<Link to={LINKS.TRANSACTION}>
 					<HomeOutlined/>
 					<span>Transaction</span>

src/pages/Profile/Profile.js

@@ -0,0 +1,24 @@
+import React from "react";
+import {PageHeader} from "antd";
+
+export const Profile = () => {
+    return (
+        <div className={["ppob-container"].join(" ")}>
+            <PageHeader
+                style={{
+                    padding: 0,
+                    margin: 0,
+                    height: 40,
+                    backgroundColor: "transparent",
+                }}
+                title={"Profile"}
+            >
+            </PageHeader>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aut recusandae velit! Consequatur
+            corporis,
+            eum fuga, harum incidunt laboriosam minus necessitatibus neque non nostrum pariatur tempore. Dignissimos
+            impedit
+            rem tempora!
+        </div>
+    )
+};