feat(music): YouTube 탭 컴파일 서브탭 추가 (다중 트랙 FFmpeg concat)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/pages/music/components/YoutubeTab.jsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 import VideoProjectsTab from './VideoProjectsTab';
 import RevenueTab from './RevenueTab';
 import TrendsTab from './TrendsTab';
+import CompileTab from './CompileTab';
 
 export default function YoutubeTab({ library, initialTrackId, onClearInitialTrack }) {
     const [subtab, setSubtab] = useState('video');
@@ -35,6 +36,13 @@ export default function YoutubeTab({ library, initialTrackId, onClearInitialTrac
                 >
                     📊 시장 트렌드
                 </button>
+                <button
+                    type="button"
+                    className={`yt-subtab ${subtab === 'compile' ? 'is-active' : ''}`}
+                    onClick={() => setSubtab('compile')}
+                >
+                    🎵 컴파일
+                </button>
             </nav>
 
             {subtab === 'video' && (
@@ -46,6 +54,7 @@ export default function YoutubeTab({ library, initialTrackId, onClearInitialTrac
             )}
             {subtab === 'revenue' && <RevenueTab />}
             {subtab === 'trends' && <TrendsTab />}
+            {subtab === 'compile' && <CompileTab library={library} />}
         </div>
     );
 }