Feat: bottom sheet 컴포넌트

[winchoose]

📌 Summary

• [Feature]: Bottom Sheet 컴포넌트 #37

• location-search.tsx
• radio-button.tsx, radio-content.tsx
• bottom-sheet.tsx

📚 Tasks

바텀 시트 내부에 들어가는 콘텐츠는 역할에 따라 계층별 컴포넌트로 분리하여 구현했습니다.
컴파운드 패턴을 사용해 헤더 콘텐츠 영역을 명확히 나누고 콘텐츠는 재사용 가능하도록 독립적으로 구성했습니다.
카카오 맵 연동은 앱 키 발급 이후 진행할 예정이며 현재는 UI 구조와 인터페이스 설계에 집중했습니다.
사용하실 때는 아래와 같이 content랑 타이틀만 선택하셔서 사용하시면 됩니다.

      <BottomSheet.Root isOpen={isOpen} onClose={() => setIsOpen(false)}>
        <BottomSheet.Overlay />
        <BottomSheet.Container size="md">
          <BottomSheet.Header title="위치 설정" rightAction={'저장'} />
          <BottomSheet.Content>
            <LocationSearch
              value={location}
              onChange={setLocation}
            />
          </BottomSheet.Content>
        </BottomSheet.Container>
      </BottomSheet.Root>

📸 Screenshot

해당 작업에 대한 스크린샷 및 자료를 첨부해 주세요.