feat: 화면 디자이너 모달 및 제어 관리 탭 기능 추가

- 화면 설정 모달에 "제어 관리" 탭 추가하여 버튼 제어 설정을 간편하게 관리
- 버튼 액션 설정 기능 구현: 버튼 목록 표시 및 각 버튼의 액션 타입 수정 가능
- 화면 디자이너 모달 통합: 전체화면 Dialog 내부에 ScreenDesigner 임베드
- URL 쿼리 파라미터로 화면 디자이너 자동 열기 기능 추가
- 화면 캔버스 크기 자동 조절 기능 구현: 최소 크기 보장 및 여유 마진 추가
- 필드 추가/제거 기능 개선: 기존 그리드 컬럼 변경 로직과 통합하여 사용자 경험 향상

frontend/components/screen/InteractiveScreenViewer.tsx

@@ -1909,23 +1909,27 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
           }
         };
 
+        // 커스텀 색상이 있으면 Tailwind 클래스 대신 직접 스타일 적용
+        const hasCustomColors = config?.backgroundColor || config?.textColor;
+        
         return applyStyles(
-          <Button
+          <button
             onClick={handleButtonClick}
             disabled={readonly}
-            size="sm"
-            variant={config?.variant || "default"}
-            className="w-full"
+            className={`w-full rounded-md px-3 py-2 text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ${
+              hasCustomColors 
+                ? '' 
+                : 'bg-background border border-foreground text-foreground shadow-xs hover:bg-muted/50'
+            }`}
             style={{
               height: "100%",
-              // 설정값이 있으면 우선 적용
               backgroundColor: config?.backgroundColor,
               color: config?.textColor,
               borderColor: config?.borderColor,
             }}
           >
             {label || "버튼"}
-          </Button>
+          </button>
         );
       }