[Design]로그인 모달 창 디자인

버튼 호버 시 밝게 변화
닫기 버튼 모서리 5px 만큼 둥글게 변화
에러 메시지 색상 변화
Issues #15

client/src/components/Logins/EmailLogin.tsx

@@ -158,6 +158,11 @@ const LoginButton = styled.button`
   border: none;
   border-radius: 5px;
   cursor: pointer;
+  
+  //호버 시 밝게
+  &:hover {
+    background-color: rgba(47, 79, 79, 0.8); 
+  }
 `;
 
 const BottomText = styled.div`
@@ -172,7 +177,7 @@ const RegisterButton = styled.button`
   cursor: pointer;
 `;
 const ErrorMessage = styled.p`
-  color: red;
+  color: #e22926;
   margin-top: 5px;
   margin-bottom: 10px;
   font-size: 0.8rem;

client/src/components/Logins/LoginConfirmatationModal.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
+import StockHolmLogo from '../../asset/images/StockHolmLogo.png';
 
 const LoginConfirmationModal: React.FC<LoginConfirmationProps> = ({ onClose }) => {
     const messageText = "로그인이 성공적으로 완료되었습니다!";
@@ -9,6 +10,7 @@ const LoginConfirmationModal: React.FC<LoginConfirmationProps> = ({ onClose }) =
       <ModalBackground>
         <ModalContainer>
           <Message>{messageText}</Message>
+          <Logo src={StockHolmLogo} alt="StockHolm Logo" />
           <ConfirmButton onClick={onClose}>{confirmText}</ConfirmButton>
         </ModalContainer>
       </ModalBackground>
@@ -48,10 +50,16 @@ const ModalContainer = styled.div`
 
 const Message = styled.h2`
   margin-bottom: 20px;
-  font-size: 1.6rem;
+  font-size: 1.5rem;
   font-weight: 400;
 `;
 
+const Logo = styled.img`
+  margin-top: 20px;
+  margin-bottom: 20px;
+  width: 150px;
+  height: auto;
+`;
 
 // 확인 버튼 스타일
 const ConfirmButton = styled.button`
@@ -63,4 +71,9 @@ const ConfirmButton = styled.button`
   border: none;
   border-radius: 5px;
   cursor: pointer;
+
+  //호버 시 밝게
+  &:hover {
+    background-color: rgba(47, 79, 79, 0.8); 
+  }
 `;