use cut images for corner avatar

src/components/UserPanel.js

@@ -7,8 +7,16 @@ import Format from '../components/Format'
 
 const defaultAvatar = require('../../public/default_avatar.jpg');
 
+function mutatedUserAvatar(avatar) {
+  if (!avatar) { 
+    return avatar;
+  }
+  return `https://sapi.moecube.com:444/avatar/url/${avatar.split('/').pop()}/40/avatar.png`;
+}
+
 function UserPanel({ dispatch, user }) {
   const { avatar } = user;
+  const mutatedAvatar = mutatedUserAvatar(avatar);
   const menu = (
     <Menu trigger={['click']}>
       <Menu.Item>
@@ -46,7 +54,7 @@ function UserPanel({ dispatch, user }) {
     <Dropdown overlay={menu} placement="bottomCenter">
       <div className="ant-dropdown-link" style={{ display: 'flex', alignItems: 'center' }}>
         <img
-          alt="avatar" src={avatar || defaultAvatar}
+          alt="avatar" src={mutatedAvatar || defaultAvatar}
           style={{ borderRadius: '45px',
             height: '40px',
             weight: '40px',