[REFACTOR] Flex 레이아웃 컴포넌트를 배포하고 프로젝트에 적용한다.

[Creative-Lee]

🤷 개선할 기능

Flex 컴포넌트 배포 및 프로젝트 적용.

🔨 상세 작업 내용

• old Flex 모두 new Flex로 변경.
• new Flex npm 배포
• 배포 한 Flex로 마이그레이션 (파일 삭제 및 import문 변경)

📄 참고 사항

Flex 어떻게 사용할건지?

1. Flex에 대한 것만 책임을 가진다.
2. Flex 속성들을 반응형으로 변경해야하는 경우, 인라인 반응형 속성을 사용한다.
   ex) <Flex $direction='column' md={{ $direction: 'row' }}>Dive</Flex>
3. Flex에 적용해야 하는 스타일은 하단에서 Styled(Flex) 형식으로 상속받아서 추가한다.
4. Flex에 적용해야 하는 반응형 스타일도 하단 + 상속으로 추가한다.

⏰ 예상 작업 시간

⏰ 마감일

배포 이슈 감안 4시간