fix: key on menu list & product table

src/pages/App/MenuList.js

@@ -88,7 +88,7 @@ export const MenuList = observer((props) => {
       )}
       {store.authentication.userData.role !== "Retail" && (
         <SubMenu
-        key="product"
+        key="product-main"
         icon={<ProfileOutlined />}
         title="Product"
       >
@@ -98,13 +98,13 @@ export const MenuList = observer((props) => {
             <span>Product</span>
           </Link>
         </Menu.Item>
-        <Menu.Item key="product">
+        <Menu.Item key="category">
           <Link to={LINKS.CATEGORY}>
           <FileAddOutlined />
             <span>Category</span>
           </Link>
         </Menu.Item>
-        <Menu.Item key="product">
+        <Menu.Item key="sub-category">
           <Link to={LINKS.PRODUCT}>
           <FileSyncOutlined />
             <span>Sub Category</span>
@@ -121,7 +121,7 @@ export const MenuList = observer((props) => {
             </Menu.Item>
         )}
         {store.authentication.userData.role !== "Retail" && (
-            <Menu.Item key="product">
+            <Menu.Item key="retail">
               <Link to={LINKS.PRODUCT}>
                 <DatabaseOutlined/>
                 <span>Product</span>

src/pages/Product/Product.js

@@ -31,7 +31,7 @@ export const Product = observer(() => {
 
   const handleChangeTabPane = async (key) => {
     store.product.filterCategory = key;
-    console.log(key);
+    // console.log(key);
     await store.product.getData();
   };
 
@@ -73,7 +73,7 @@ export const Product = observer(() => {
         </Row>
 
         <Tabs onChange={handleChangeTabPane} size="default" tabBarGutter="50">
-          {store.product.dataCategories.map((item) => (
+          {store.product.dataCategories.map((item, idx) => (
             <TabPane tab={item.name} key={item.id}>
               {/* <ProductComponent category={item.name} /> */}
               <ProductComponent />

src/store/product.js

@@ -33,8 +33,6 @@ export class Product {
         }) ?? []
         
         this.total_data = response.body.total_data ?? 0
-
-        console.log(response.body.data, this.filterCategory);
     }
 
     async getDataSubCategories() {