fix: 에러메세지 CSS 깨지는 문제 해결

Author: Yejiin21

design-system/ui/textFields/DefaultTextField.tsx

@@ -69,9 +69,14 @@ const DefaultTextField = forwardRef<HTMLInputElement, DefaultTextFieldProps>(
               } rounded-[6px] text-sm placeholder:text-placeholderText outline-none ${className}`}
             />
             {errorMessage && errorPosition === 'right' && (
-              <p className="absolute left-full top-1/2 -translate-y-1/2 ml-2 text-xs text-red-500 whitespace-nowrap">
-                {errorMessage}
-              </p>
+              <>
+                {/* 데스크탑일 때만 오른쪽에 보이기 */}
+                <p className="hidden md:block absolute left-full top-1/2 -translate-y-1/2 ml-2 text-xs text-red-500 whitespace-nowrap">
+                  {errorMessage}
+                </p>
+                {/* 모바일에서는 아래에 표시 */}
+                <p className="md:hidden mt-1 text-xs text-red-500">{errorMessage}</p>
+              </>
             )}
           </div>
 

src/entities/user/ui/ProfileInfo.tsx

@@ -66,9 +66,9 @@ const ProfileInfo = () => {
   }
 
   return (
-    <div className="relative w-full h-48 md:h-56">
+    <div className="relative w-full h-52 md:h-56">
       <div className="absolute inset-0 bg-main rounded-[10px]" />
-      <div className="relative z-10 bg-dashboardBg rounded-[10px] p-4 md:p-6 ml-2 h-full">
+      <div className="relative z-10 bg-dashboardBg rounded-[10px] p-5 ml-2 h-full">
         <div className="flex flex-col items-start h-full">
           <h1 className="text-20 md:text-22 font-bold">프로필 정보</h1>
           {!isEditing ? (