반응형 레이아웃 기능 구현

frontend/lib/registry/DynamicComponentRenderer.tsx

@@ -76,6 +76,7 @@ export const componentRegistry = legacyComponentRegistry;
 export interface DynamicComponentRendererProps {
   component: ComponentData;
   isSelected?: boolean;
+  isPreview?: boolean; // 반응형 모드 플래그
   onClick?: (e?: React.MouseEvent) => void;
   onDragStart?: (e: React.DragEvent) => void;
   onDragEnd?: () => void;
@@ -105,6 +106,7 @@ export interface DynamicComponentRendererProps {
 export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> = ({
   component,
   isSelected = false,
+  isPreview = false,
   onClick,
   onDragStart,
   onDragEnd,
@@ -233,6 +235,8 @@ export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> =
           // 설정 변경 핸들러 전달
           onConfigChange,
           refreshKey,
+          // 반응형 모드 플래그 전달
+          isPreview,
         };
 
         // 렌더러가 클래스인지 함수인지 확인