⚡ Bolt: Avoid intermediate array allocations in loops

[seonghobae]

💡 무엇을 했나요:

1. apps/desktop/src/features/workspace/GrooveMap.tsx에서 메모이제이션 훅 내부의 renderedNotes.reduce() 호출을 일반 for 루프로 대체하여 O(N)의 함수 호출 오버헤드를 줄였습니다.
2. apps/desktop/src/features/workspace/SectionRoadmap.tsx에서 역할(role) 필터링 시 사용되던 .filter().map() 체이닝을 .reduce()를 활용한 단일 루프로 통합하여 불필요한 중간 배열 생성을 방지했습니다.
3. 관련하여 .jules/bolt.md에 Array.prototype.filter().map() 체이닝으로 인한 성능 저하와 관련된 새로운 성능 최적화 교훈을 기록했습니다.

🎯 왜 했나요:
프론트엔드 React 컴포넌트의 렌더링 경로에서 .filter().map()을 사용할 때 발생하는 불필요한 중간 배열 할당과 가비지 컬렉션(GC) 오버헤드를 줄이고, reduce()를 일반 for 루프로 변경하여 순수 연산 속도를 향상시키기 위함입니다. 빈번히 호출되는 렌더링 함수 내의 작은 오버헤드는 프레임 저하의 원인이 될 수 있습니다.

📊 영향:

• 배열 처리 시 메모리 할당을 방지하고 루프 속도를 개선하여 렌더링 성능을 개선합니다. (특히 잦은 리렌더링이 발생하는 Workspace 컴포넌트 내부의 하위 컴포넌트들)
• filter().map()에서 발생하는 불필요한 GC 오버헤드를 제거합니다.

🔬 측정 방법:

• 컴포넌트 프로파일러를 통해 GrooveMap과 SectionRoadmap의 리렌더링 시 소요 시간을 비교합니다.
• npm run test --workspaces --if-present 및 ./scripts/harness/quickcheck.sh 명령어를 실행하여 100% 테스트 커버리지가 유지되고 기능적 오류가 없음을 확인했습니다.

---

PR created automatically by Jules for task 3085277231108026284 started by @seonghobae

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.