12.0 change app structure (#6335)

* 01 change app structure

* 02 change setting page

* 03 optimize header style

* 04 change app mobile side panel logo

frontend/src/components/logo.js

@@ -1,13 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { siteRoot, mediaUrl, logoPath, logoWidth, logoHeight, siteTitle } from '../utils/constants';
-import { Utils } from '../utils/utils';
 
 const propTypes = {
   onCloseSidePanel: PropTypes.func,
   showCloseSidePanelIcon: PropTypes.bool,
-  positioned: PropTypes.bool,
-  showLogoOnlyInMobile: PropTypes.bool
 };
 
 class Logo extends React.Component {
@@ -17,14 +14,8 @@ class Logo extends React.Component {
   };
 
   render() {
-    const { positioned, showLogoOnlyInMobile } = this.props;
-
-    if (showLogoOnlyInMobile && Utils.isDesktop()) {
-      return null;
-    }
-
     return (
-      <div className={`top-logo ${positioned ? 'd-none d-md-block positioned-top-logo' : ''}`}>
+      <div className='top-logo'>
         <a href={siteRoot} id="logo">
           <img src={logoPath.indexOf('image-view') != -1 ? logoPath : mediaUrl + logoPath} height={logoHeight} width={logoWidth} title={siteTitle} alt="logo" />
         </a>