Draft dashboard optimized (#2384)

* create a common toolbar component

* optimized code

* combine side-panel

* add change state

frontend/src/components/toolbar/common-toolbar.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { isPro, gettext } from '../../components/constants';
+import Search from '../search/search';
+import Notification from '../common/notification';
+import Account from '../common/account';
+
+const propTypes = {
+  onSearchedClick: PropTypes.func.isRequired
+};
+
+class  CommonToolbar extends React.Component {
+  render() {
+    return (
+      <div className="common-toolbar">
+        {isPro && <Search onSearchedClick={this.props.onSearchedClick} placeholder={gettext("Search files")}/>}
+        <Notification  />
+        <Account />
+      </div>
+    );
+  }
+}
+
+CommonToolbar.propTypes = propTypes;
+
+export default CommonToolbar;