Feat/igw 19/5 information

[MrMirror21]

Related issue 🛠

issue 3, issue 5
(close 목적이 아니라 중간 merge 용이기 때문에 이슈 번호는 위와 같이 언급합니다.)

Work Description ✏️

• funnel 패턴으로 구현한 추가 정보 입력(information) 플로우 step 1 구현
• 화면 우상단 step indicator
  - 아래의 데이터 요구사항 만족 시 최하단 버튼이 활성화, state를 funnel 구현부의 state로 통합하고 다음 step으로 이동한다.

1. first_name
   1. 50자 제한, 특수문자 사용 불가, 숫자 사용 불가
2. last_name
   1. 100자 제한, 특수문자 사용 불가, 숫자 사용 불가
3. birth
   1. date 형식(yyyy/mm/dd)
4. nationality
   1. Enum값. 아래 참고
   2. SOUTH_KOREA, JAPAN, CHINA, VIETNAME, UZBEKISTAN
5. visa
   1. Enum값. 아래 참고
   2. D-2-1, D-2-2, D-2-3, D-2-4, D-2-6, D-2-7, D-2-8, D-4-1, D-4-7, F-2
6. phone_number
   1. 20자 제한
   2. ‘-’ 포함 ex) 010-1234-5678

2024-10-19.3.07.54.mov

Uncompleted Tasks 😅

• 페이지 헤더 컴포넌트 적용
• 버튼 컴포넌트 적용
• Date Picker 연도 이동 아이콘 에셋 받으면 적용
• font 설정 적용
• 색상 theme 디자인 시스템 제작

To Reviewers 📢

[naarang]

빠르게 작업해주셔서 너무 감사해요ㅠㅠ!! 수고하셨습니다!!