feat: update the click area of links in the global navigation

1. Update the click area of the links in the global navigation
2. Update the proptype of the globalNav component

Change-Id: Ie9f12f2d6747429966e62bbc0bbd72d9686864cd

src/components/Layout/GlobalNav/Left/index.jsx

@@ -21,7 +21,10 @@ import styles from './index.less';
 
 export default class Left extends React.Component {
   static propTypes = {
-    items: PropTypes.arrayOf(navItemPropType),
+    items: PropTypes.oneOfType([
+      PropTypes.arrayOf(navItemPropType),
+      PropTypes.array,
+    ]),
     onClose: PropTypes.func,
   };
 

src/components/Layout/GlobalNav/Right/index.jsx

@@ -24,7 +24,10 @@ const { Search } = Input;
 
 export default class Right extends React.Component {
   static propTypes = {
-    items: PropTypes.arrayOf(navItemPropType),
+    items: PropTypes.oneOfType([
+      PropTypes.arrayOf(navItemPropType),
+      PropTypes.array,
+    ]),
     onClose: PropTypes.func,
   };
 
@@ -98,7 +101,7 @@ export default class Right extends React.Component {
     const { name = '' } = item || {};
 
     return (
-      <div className={styles['nav-item']}>
+      <div className={styles['nav-item']} key={item.name}>
         <div className={styles.title}>{name}</div>
         <div classnames={styles.children}>
           {this.renderNavItemChildren(item)}

src/components/Layout/GlobalNav/Right/index.less

@@ -28,6 +28,10 @@
   line-height: 32px;
   cursor: pointer;
 
+  a {
+    display: block;
+  }
+
   &:hover {
     background-color: rgba(0, 0, 0, 5%);
   }

src/components/Layout/GlobalNav/index.jsx

@@ -26,7 +26,10 @@ import styles from './index.less';
 
 export class GlobalNav extends React.Component {
   static propTypes = {
-    navItems: PropTypes.arrayOf(navItemPropType),
+    navItems: PropTypes.oneOfType([
+      PropTypes.arrayOf(navItemPropType),
+      PropTypes.array,
+    ]),
   };
 
   static defaultProps = {