feat: Layout 컴포넌트 추가

[bytrustu]

작업 주제

• Layout 컴포넌트 추가

작업 내용(어떤 부분을 리뷰어가 집중해서 봐야할까요?)

• Box 컴포넌트 추가 (vanila extract sprinkle 이슈가 있어서 관련 코드를 제거했습니다.) Imports inside .css.ts files produce an error (Next Js) vanilla-extract-css/vanilla-extract#1043

• Layout 컴포넌트 추가

• 유틸 타입 추가

  • HTMLOverridableProps, Combine
  • 컴포넌트에 HTML 태그들을 as 속성으로 반영할수 있도록 HTMLOverridableProps 타입을 만들어봤어요.
    ComponentPropsWithRef<T> 를 통해서 해당 태그의 프로퍼티들을 받을수 있도록 했습니다.

• styleToken space 추가

화면 스크린샷

layout.mp4

체크리스트(PR 올리기 전 아래의 내용을 확인해주세요.)

• base, compare branch가 적절하게 선택되었나요?
• 로컬 환경에서 충분히 테스트 하셨나요?

리뷰 규칙

• P1: 꼭/적극적 반영해 주세요 (Request changes)
• P2: 웬만하면 반영해 주세요 (Comment)
• P3: 반영해도 좋고 넘어가도 좋습니다 (Approve)