[FEAT] 공통 input 컴포넌트 구현

[jaeml06]

🚩 연관 이슈
closed #24

📝 작업 내용
Input 컴포넌트 고도화
Clear 버튼 기능: 입력 값이 있을 때 우측에 초기화(X) 버튼 노출 및 동작 구현
글자수 제한(MaxLength) 및 카운트: maxLength 설정 시 우측 하단에 현재/최대 글자수 표시 및 레이아웃 배치
한글(IME) 입력 개선: 한글 입력 시 maxLength를 일시적으로 초과하는 문제를 onChange 내 slice 처리로 해결
레이아웃 안정화: Clear 버튼 생성 시 패딩 변화로 인한 너비 흔들림 방지 (width: 100% 적용)

사용예시

// 기본 사용
<Input label="이름" placeholder="홍길동" />
// 글자수 제한 + Clear 버튼 + 에러 메시지
<Input 
  label="자기소개" 
  maxLength={20} 
  errorMessage="필수 입력 항목입니다."
  onClear={() => console.log('Clear')} 
/>

[yejinleee]

얘는 /UI에 안들어가나요?

[jaeml06]

지금 확인해보시면 변경되어 있습니다. 제가 push를 않했었네요

[yejinleee]

😅 확인했습니다