fix: merge error menu list

src/pages/App/MenuList.js

@@ -4,15 +4,14 @@ import {Link} from "react-router-dom";
 import {
   AppstoreOutlined,
   DatabaseOutlined,
+  FileAddOutlined,
   FileProtectOutlined,
+  FileSyncOutlined,
   HomeOutlined,
   MenuUnfoldOutlined,
   MoneyCollectOutlined,
-  ProjectOutlined,
-  FileProtectOutlined,
-  FileAddOutlined,
-  FileSyncOutlined,
   ProfileOutlined,
+  ProjectOutlined,
   UserOutlined,
 } from "@ant-design/icons";
 import {observer} from "mobx-react-lite";
@@ -119,6 +118,8 @@ export const MenuList = observer((props) => {
                 <HomeOutlined/>
                 <span>Transaction</span>
               </Link>
+            </Menu.Item>
+        )}
         {store.authentication.userData.role !== "Retail" && (
             <Menu.Item key="product">
               <Link to={LINKS.PRODUCT}>
@@ -154,6 +155,6 @@ export const MenuList = observer((props) => {
         {/*	</Link>*/}
         {/*</Menu.Item>*/}
         <Menu.Divider style={{background: "transparent", paddingTop: 15}}/>
-    </Menu.Item>
+      </Menu>
   );
 });