fix: profileEdit UI 수정

Author: lalaurrel

src/pages/ProfileEdit/index.tsx

@@ -10,6 +10,7 @@ import {
 	CameraIcon,
 	UserInfo,
 	Username,
+	EmailInput
 } from './styles';
 import { StyledText } from '../../components/Text/StyledText';
 import theme from '../../styles/theme';
@@ -216,7 +217,7 @@ const ProfileEdit: React.FC = () => {
 					<StyledText $textTheme={{ style: 'body2-regular', lineHeight: 0 }} color={theme.colors.gray3}>
 						이메일
 					</StyledText>
-					<Input type="email" value={email} onChange={(e) => setEmail(e.target.value)} />
+					<EmailInput type="email" value={email} onChange={(e) => setEmail(e.target.value)} />
 				</Row>
 				<BottomButton
 					content="완료" 

src/pages/ProfileEdit/styles.tsx

@@ -80,6 +80,17 @@ export const Row = styled.div`
 	}
 `;
 
+export const EmailInput = styled.input`
+  margin-bottom: 120px;
+	width: 100%; /* Row의 padding에 맞춰 꽉 채우기 */
+	padding: 25px; /* 10px padding */
+	border: 0px;
+	box-sizing: border-box;
+	border-radius: 10px;
+	background-color: #f0f0f0; /* 박스 내부 회색 배경 */
+	text-align: left;
+`;
+
 export const FileInput = styled.input`
 	display: none;
 `;