fix redundant search button issue

client/modules/IDE/components/Searchbar.jsx

@@ -47,13 +47,9 @@ class Searchbar extends React.Component {
     const { searchValue } = this.state;
     return (
       <div className="searchbar">
-        <button
-          type="submit"
-          className="searchbar__button"
-          onClick={this.handleSearchEnter}
-        >
+        <div className="searchbar__button">
           <InlineSVG className="searchbar__icon" src={searchIcon} />
-        </button>
+        </div>
         <input
           className="searchbar__input"
           type="text"

client/styles/components/_searchbar.scss

@@ -22,7 +22,9 @@
   width: #{31 / $base-font-size}rem;
   height: #{36 / $base-font-size}rem;
   position: absolute;
-  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   border-right: solid 1px;
   @include themify() {
     border-right-color: getThemifyVariable('input-border-color');