feat: Implement button iconization feature for screen designer

- Added a comprehensive plan for expanding button display modes in the screen designer, allowing for text, icon, and icon+text modes.
- Introduced a new `ButtonIconRenderer` component to handle dynamic rendering of buttons based on selected display modes and actions.
- Enhanced the `ButtonConfigPanel` to include UI for selecting display modes and managing icon settings, including size, color, and position.
- Implemented functionality for custom icon addition via lucide search and SVG paste, ensuring flexibility for users.
- Updated relevant components to utilize the new button rendering logic, improving the overall user experience and visual consistency.

Made-with: Cursor

frontend/components/screen/RealtimePreviewDynamic.tsx

@@ -407,8 +407,8 @@ const RealtimePreviewDynamicComponent: React.FC<RealtimePreviewProps> = ({
   const isButtonComponent =
     (type === "widget" && widgetType === "button") ||
     (type === "component" &&
-      (["button-primary", "button-secondary"].includes(componentType) ||
-        ["button-primary", "button-secondary"].includes(componentId)));
+      (["button-primary", "button-secondary", "v2-button-primary"].includes(componentType) ||
+        ["button-primary", "button-secondary", "v2-button-primary"].includes(componentId)));
 
   // 레거시 분할 패널용 refs
   const initialPanelRatioRef = React.useRef<number | null>(null);
@@ -548,13 +548,16 @@ const RealtimePreviewDynamicComponent: React.FC<RealtimePreviewProps> = ({
   const origWidth = size?.width || 100;
   const isSplitShrunk = splitAdjustedWidth !== null && splitAdjustedWidth < origWidth;
 
-  // v2 수평 라벨 컴포넌트: position wrapper에서 border 제거 (DynamicComponentRenderer가 내부에서 처리)
+  // position wrapper에서 border 제거 (내부 컴포넌트가 자체적으로 border를 렌더링하는 경우)
+  // - v2 수평 라벨 컴포넌트: DynamicComponentRenderer가 내부에서 처리
+  // - 버튼 컴포넌트: buttonElementStyle에서 자체 border 적용
   const isV2HorizLabel = !!(
     componentStyle &&
     (componentStyle.labelDisplay === true || componentStyle.labelDisplay === "true") &&
     (componentStyle.labelPosition === "left" || componentStyle.labelPosition === "right")
   );
-  const safeComponentStyle = isV2HorizLabel
+  const needsStripBorder = isV2HorizLabel || isButtonComponent;
+  const safeComponentStyle = needsStripBorder
     ? (() => {
         const { borderWidth, borderColor, borderStyle, border, borderRadius, ...rest } = componentStyle as any;
         return rest;