redesign search panel

src/components/Output/SearchResults.js

@@ -1,5 +1,6 @@
 import React from "react";
 import CardRestaurant from "./CardRestaurant";
+import SearchPanel from "../Input/SearchPanel";
 import { useSelector } from "react-redux";
 
 export default function SearchResults() {
@@ -21,11 +22,19 @@ export default function SearchResults() {
 
   return (
     <div className="search-results">
-      <div className="results-count">
-        <p>Znaleziono: {count}</p>
-        <hr />
+      <div className="search-top">
+        <div className="search-top-left">
+          <p>o</p>
+        </div>
+        <SearchPanel/>
+        <h3>|</h3>
+      </div>
+      <div className="search-top-lower">
+        <p>Znaleziono: {count}</p>
+      </div>
+      <div className="search-middle">
+        {restaurants}
       </div>
-      {restaurants}
     </div>
   );
 }