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/InteractiveScreenViewerDynamic.tsx

@@ -26,6 +26,7 @@ import {
   getServerSnapshot as canvasSplitGetServerSnapshot,
   subscribeDom as canvasSplitSubscribeDom,
 } from "@/lib/registry/components/v2-split-line/canvasSplitStore";
+import { ButtonIconRenderer } from "@/lib/button-icon-map";
 
 // 컴포넌트 렌더러들을 강제로 로드하여 레지스트리에 등록
 import "@/lib/registry/components/ButtonRenderer";
@@ -978,7 +979,7 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
           height: "100%",
         }}
       >
-        {label || "버튼"}
+        <ButtonIconRenderer componentConfig={(comp as any).componentConfig} fallbackLabel={label || "버튼"} />
       </button>
     );
   };