feat: 탭 UI

[Bori-github]

📌 요약

• 탭 UI를 구현합니다.

📝 작업 내용

• 탭 기능 추가로 인해 pages/editor 폴더를 pages/playground로 변경 후 내부 파일들도 네이밍을 수정했습니다.

  • 다음과 같은 구조를 적용할 예정

    계층	컴포넌트	설명
    탭 UI	PlaygroundGroups(임의)	탭 목록, 선택/닫기 버튼
    탭 내부	Playground	에디터 + 결과 패널을 묶은 단위
    코드 편집기	Editor	코드 입력 영역
    출력 패널	ResultPanel	코드 실행 결과 표시

• 탭 UI 구현

🔍 스크린샷

2025-10-28.3.35.25.mov

💡 참고 사항

• 없음

[Copilot]

Pull Request Overview

This PR implements a tab UI feature for the playground by refactoring the editor structure and introducing multi-tab functionality. The main changes involve renaming the editor directory to playground to better reflect its purpose, and adding a new PlaygroundGroups component to manage multiple playground tabs.

Key changes:

• Renamed pages/editor to pages/playground with corresponding component name updates
• Implemented PlaygroundGroups component to manage tab creation, switching, and closing
• Updated documentation to reflect the new directory structure

Reviewed Changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
docs/docs/guide/development.mdx	Updated documentation to reflect the directory rename from editor to playground
apps/executeJS/src/pages/playground/playground-page.tsx	Renamed component from EditorPage to PlaygroundPage
apps/executeJS/src/pages/playground/playground-page.test.tsx	Updated test file to use new PlaygroundPage component name
apps/executeJS/src/pages/playground/playground-groups.tsx	New component implementing tab UI with add/close functionality
apps/executeJS/src/pages/playground/index.ts	New barrel export file for playground components
apps/executeJS/src/pages/editor/index.ts	Removed old editor barrel export
apps/executeJS/src/app/index.tsx	Updated to use PlaygroundGroups instead of EditorPage

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.