안녕 나는 치과를 상대로하는 소프트웨어를 만들고 있어. 이번에는 admin 쪽에서 치과에서의 모든 transaction 들을 확인할 수 있는 페이지를 만들고 싶어. 다음과 같은 내용들을 admin 입장에서 중요한 순서로, 또 정보들을 한눈에 볼 수 있도록 디자인해줘. shadcn 컴포넌트를 사용해줘.

치과 이름

• [ ] 탭 선택 (전체, 카드, 크레딧)

  • 카드 선택하면 신용카드 관련 정보만 보이도록
  • 크레딧이면 크레딧 사용 정보만 보이도록

• [ ] 달력에서 날짜 선택

  • 해당 날짜에 있었던 정보만 보여줄 수 있도록

• [ ] 치과 정보 카드

  • 치과 플랜
    • 현재 플랜을 보여주고
    • 기본적으로는 가려져 있지만 뭔가 누르면 기존 플랜 이력을 날짜별로 확인할 수 있도록
  • 치과 결제수단
    • 신용카드인지 크레딧 결제인지
  • 신용카드 정보를 등록했는지 여부 - 뭔가 아이콘 사용해서 한눈에 알 수 있도록

• [ ] 치과 크레딧 정보 카드 (치과정보랑 묶어야할지 모르겠음)

  • 현재 갖고 있는 크레딧 유형, 크레딧 충전 메모, 충전량, 잔고
  • 뭔가 누르면 해당 크레딧에서 쓰였던 내역들 전부 시간순으로 볼 수 있도록
  • 미수크레딧이 있는지 여부 + 얼마 있는지 (전체기간)

• [ ] 매출 정보 요약

  • 신용카드
    • 주문관련 :
      • 기공료
      • 웹서비스료
    • 부가서비스
    • 크레딧 충전시 결제
    • 미결제 금액
  • 크레딧
    • 주문관련:
      • 기공료
      • 웹서비스료
    • 관리자에 의한 충전 차감
    • 미수 크레딧 (해당기간)

• [ ] 주문 외 내역

  • 테이블 형태로 row 마다 no. 가 있고
  • 신용카드인지 크레딧인지 결제의 종류
  • 설명
  • 금액
  • 날짜
  • 결제되었는지 여부 (badge 쓰면 좋겠음. 대신 색이 너무 찐하지 않게, 미결제만 highlight 되도록)

• [ ] 주문 내역

  • 있어야하는 정보:
    • 테이블 형태로 row 마다 no. 가 있고
    • 환자 주문접수일
    • 환자 이름
    • 신규주문 재주문 여부
    • 주문 할인율
    • 보철 종류
    • 보철 갯수
    • 치식
    • 신용카드 기공료
    • 신용카드 웹서비스료
    • 신용카드 합계 금액
    • 신용카드 결제여부
    • 사용된 크레딧 종류 (Basic, New, Demo)
    • 크레딧 할인율
    • 크레딧 기공료
    • 크레딧 웹서비스료
    • 크레딧 합계금액
    • 크레딧 결제 여부
    • optional:
      • 정가가 얼마인데, 주문할인율, 크레딧 할인율 등으로 총 얼마가 할인된것인지 알 수 있는 방법이 있으면 유용할수도?

• [ ] 주문 외 내역 , 주문 내역 모두 excel 형태로 다운로드 받을 수 있는 버튼

  • 각각 excel 파일내에 다른 sheet 에 추가될 수 있도록