update ProfileIcon component

 import React from "react";
 import React from "react";
 import styled from "styled-components";
 import styled from "styled-components";
-import defaultProfile from "../imgs/defaultProfile.jpg";
 
 
 const ProfileIconBox = styled.div`
 const ProfileIconBox = styled.div`
   display: flex;
   display: flex;
@@ -15,10 +14,10 @@ const ProfileIcon = styled.img`
   src: ${(props) => props.theme.defaultProfile};
   src: ${(props) => props.theme.defaultProfile};
 `;
 `;
 
 
-export default () => {
+export default ({ avatar }) => {
   return (
   return (
-    <ProfileIconBox>
-      <ProfileIcon src={defaultProfile} />
+    <ProfileIconBox className="ProfileIconBox">
+      <ProfileIcon src={avatar} />
     </ProfileIconBox>
     </ProfileIconBox>
   );
   );
 };
 };