upgrade heading font and fix light menu hightlight border

src/components/SiderMenu/SiderMenu.js

@@ -118,7 +118,7 @@ export default class SiderMenu extends PureComponent {
           mode="inline"
           handleOpenChange={this.handleOpenChange}
           onOpenChange={this.handleOpenChange}
-          style={{ padding: '16px 0', width: '100%', overflowX: 'hidden' }}
+          style={{ padding: '16px 0', width: '100%' }}
           {...defaultProps}
         />
       </Sider>

src/components/SiderMenu/index.less

@@ -21,7 +21,7 @@
     vertical-align: middle;
     font-size: 20px;
     margin: 0 0 0 12px;
-    font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+    font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
     font-weight: 600;
   }
 }

src/layouts/UserLayout.less

@@ -57,7 +57,7 @@
 .title {
   font-size: 33px;
   color: @heading-color;
-  font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
   font-weight: 600;
   position: relative;
   top: 2px;