chore: sync local workspace changes

src/app/main/pages/PlayPage.tsx

@@ -1,4 +1,7 @@
 import { LayoutPlaygroundView } from '../../../views/play/LayoutPlaygroundView';
+import { CbtPlayAppView } from '../../../views/play/apps/cbt/CbtPlayAppView';
+import { TestPlayAppView } from '../../../views/play/apps/test/TestPlayAppView';
+import { FeatureMenuLayoutPage } from '../../../features/layout/feature-menu';
 import { MemoLayoutPage } from '../../../features/layout/memo';
 import { useMainLayoutContext } from '../layout/MainLayoutContext';
 import { resolveSavedLayoutIdFromMenuKey } from '../routes';
@@ -10,13 +13,23 @@ export function PlayPage() {
     ? savedLayouts.find((layout) => layout.id === selectedSavedLayoutId) ?? null
     : null;
   const isMemoLayout = selectedSavedLayout?.name === '메모';
+  const isFeatureMenuLayout = selectedSavedLayout?.name === '기능설명 관리';
   const panelClassName = selectedSavedLayoutId ? 'app-main-panel app-main-panel--play app-main-panel--play-saved' : 'app-main-panel app-main-panel--play';
 
   return (
     <div className={panelClassName}>
       {selectedPlayMenu === 'layout' ? <LayoutPlaygroundView onSavedLayoutsChange={setSavedLayouts} /> : null}
+      {selectedPlayMenu === 'test' ? <TestPlayAppView /> : null}
+      {selectedPlayMenu === 'cbt' ? <CbtPlayAppView /> : null}
       {selectedSavedLayoutId && isMemoLayout ? <MemoLayoutPage layoutId={selectedSavedLayoutId} /> : null}
-      {selectedSavedLayoutId && !isMemoLayout ? (
+      {selectedSavedLayoutId && isFeatureMenuLayout ? (
+        <FeatureMenuLayoutPage
+          layoutId={selectedSavedLayoutId}
+          savedLayouts={savedLayouts}
+          onSavedLayoutsChange={setSavedLayouts}
+        />
+      ) : null}
+      {selectedSavedLayoutId && !isMemoLayout && !isFeatureMenuLayout ? (
         <LayoutPlaygroundView savedLayoutViewId={selectedSavedLayoutId} onSavedLayoutsChange={setSavedLayouts} />
       ) : null}
     </div>