added contactProfile prop to pass contact username

client/src/components/ContactProfile.tsx

@@ -1,19 +1,23 @@
 import zdjecie from "../../assets/walter.png";
 
-function ContactProfile() {
+type ContactProfileProps = {
+  contactUsername: string;
+};
+function ContactProfile({ contactUsername }: ContactProfileProps) {
   return (
     <>
-      <div className="flex items-center">
-        <div className="m-3 rounded-full w-10 h-10 overflow-hidden ">
-          <img
-            className="w-full h-full object-cover"
-            src={zdjecie}
-            alt="walter"
-            draggable={false}
-          />
-        </div>
+      <div className="m-2 flex items-center">
+        {/*// TODO contact profile img*/}
+        {/*<div className="m-3 rounded-full w-10 h-10 overflow-hidden ">*/}
+        {/*  <img*/}
+        {/*    className="w-full h-full object-cover"*/}
+        {/*    src={zdjecie}*/}
+        {/*    alt="profile image"*/}
+        {/*    draggable={false}*/}
+        {/*  />*/}
+        {/*</div>*/}
         <div className="text-center text-gray-200">
-          <p>Walter White</p>
+          <p>{contactUsername}</p>
         </div>
       </div>
     </>

client/src/pages/Chat.tsx

@@ -34,7 +34,7 @@ function Chat() {
         <div className="text-white bg-[#121212] flex flex-col h-screen w-full">
           {/*Messages*/}
           <div className="flex">
-            <ContactProfile />
+            <ContactProfile contactUsername={contact} />
           </div>
           <hr />
           {/*Messages input*/}