add logo to header

frontend/public/stylesheets/filter.css

@@ -49,11 +49,11 @@
 }
 
 .filter-all:hover {
-  background: #E2C391;
+  background: #2b4162;
   color: white;
 }
 .filter-all.selected {
-  background: #E2C391;
+  background: #2b4162;
 }
 .filter-rec:hover {
   background: #2292A4;

frontend/public/stylesheets/header.css

@@ -9,3 +9,14 @@
   font-size: 28px;
   font-weight: 700;
 }
+
+.header > div {
+  display: flex;
+  align-items: center;
+}
+
+.header img {
+  margin-right: 10px;
+  width: 32px;
+  height: 32px;
+}
\ No newline at end of file

frontend/src/components/atoms/Image.jsx

+const Image = ({ src }) => (
+  <img src={src} alt=""/>
+)
+
+export default Image;
\ No newline at end of file

frontend/src/components/header/Header.jsx

 import React from "react";
+import Image from "../atoms/Image";
 import Logout from "../session/Logout";
 
 const Header = () => {
   return (
     <div className="header">
-      <div>Warehouse Management</div>
+      <div>
+        <Image src="https://www.flaticon.com/svg/vstatic/svg/2562/2562296.svg?token=exp=1620448865~hmac=b6bb0b0a072e16f423c481f7a3175fa9" />{" "}
+        <div>
+          Warehouse Management
+        </div>
+      </div>
       <Logout />
     </div>
   );