Re-implement `Tabs`, `TabItem` component using `Tabs` in Radix UI

[sungik-choi]

Description

Tabs, TabItem 컴포넌트를 Radix UI의 Tabs 컴포넌트를 사용하여 재구현합니다.

Reasons for suggestion

• 키보드 네비게이션을 지원해야 합니다.
• 올바른 HTMLElement(button)을 사용해야 합니다.

Proposed solution

• Radix UI의 Tabs 컴포넌트는 해당 탭이 active되었을 경우 보여줄 컴포넌트까지 포함하고 있습니다. 재구현한다면 마이그레이션이 원활할지, 혹은 탭 영역만을 그리는 기존 동작을 그대로 유지하는 편이 나을지 테스트해보아야 합니다.
• Write documentation #983 을 참고하여 mdx와 JSDoc을 추가합니다.

References

https://www.radix-ui.com/docs/primitives/components/tabs

[yangwooseong]

구현 중인데 생각보다 변경점이 많아서 한꺼번에 마이그레이션 하지 않고, TabsNew 네이밍으로 구현을 시작한 뒤 구현 테스트 코드까지 완성되면 기존의 컴포넌트를 레거시 처리하는 것으로 하겠습니다. 대략 아래와 같은 step 으로 구현해볼까 합니다.

• Tabs.Content 를 제외한 부분을 구현한 뒤 스토리북 작성, 키보드 네이게이션 체크
• Tabs.Content 에 해당하는 부분 구현
• 테스트 코드 작성 및 문서 작성
• 기존의 Tabs 컴포넌트 레거시 처리
• (bezier 영역은 아님) 데스크 코드 마이그레이션

[sungik-choi]

Fixed by #1061