feat : 친구 정보 모달 api 이식, 웹소켓 적용

frontend/assets/css/friendsInfoModal.css

@@ -38,9 +38,11 @@
     height: 100%;
 }
 
-#user-search {
+#user-search-list {
     overflow: auto;
     overflow-y: scroll;
+    border: 0.3vw solid #FF52A0;
+    height: 100%;
 }
 
 #friend-request-list {
@@ -52,11 +54,6 @@
     color: #FF52A0;
 }
 
-#user-search {
-    border: 0.3vw solid #FF52A0;
-    height: 100%;
-}
-
 #friend-request-list-wrapper {
     color: #29ABE2;
 }
@@ -77,12 +74,13 @@
     color: white;
     padding: 0.8vh 1vw;
     margin: 1.3vh 0 1.3vh 1vh;
-    width: calc(100% - 5vh - 0.6vw - 1vh - 0.4vw);
+    width: calc(100% - 5vh - 0.6vw - 1vh - 3vw);
     font-size: 2.5vh;
     font-family: Galmuri11-Bold, serif;
 }
 
 .friend-card-wrapper {
+    height: 11vh;
     display: grid;
     grid-gap: 7%;
     grid-template-columns: 1fr 4fr 1fr;