feat(pop): 뷰어 스크롤 수정 및 컴포넌트 레지스트리 연동

- page.tsx: overflow-hidden 제거로 뷰어 스크롤 활성화,
  pop-components 레지스트리 자동 등록 import 추가
- PopRenderer.tsx: 레지스트리에서 실제 컴포넌트 조회 후 렌더링,
  미등록 컴포넌트는 플레이스홀더 fallback 표시
- PLAN.MD: POP 뷰어 스크롤 수정 계획으로 업데이트
- POPUPDATE_2.md: v8.0 - 모달 화면 설계 규칙(제9조) 추가,
  버튼 modal action 스펙 확장 (inline/screen-ref 모드)

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/components/pop/designer/renderers/PopRenderer.tsx

@@ -553,9 +553,20 @@ function ComponentContent({ component, effectivePosition, isDesignMode, isSelect
 // ========================================
 
 function renderActualComponent(component: PopComponentDefinitionV5): React.ReactNode {
-  const typeLabel = COMPONENT_TYPE_LABELS[component.type];
-  
-  // 샘플 박스 렌더링
+  // 레지스트리에서 등록된 실제 컴포넌트 조회
+  const registeredComp = PopComponentRegistry.getComponent(component.type);
+  const ActualComp = registeredComp?.component;
+
+  if (ActualComp) {
+    return (
+      <div className="h-full w-full overflow-hidden">
+        <ActualComp config={component.config} label={component.label} />
+      </div>
+    );
+  }
+
+  // 미등록 컴포넌트: 플레이스홀더 (fallback)
+  const typeLabel = COMPONENT_TYPE_LABELS[component.type] || component.type;
   return (
     <div className="flex h-full w-full items-center justify-center p-2">
       <span className="text-xs text-gray-500">{component.label || typeLabel}</span>