feat: V2 레이아웃 컴포넌트 타입 추출 및 새로운 V2 컴포넌트 추가

- V2 레이아웃에서 URL을 기반으로 컴포넌트 타입을 추출하는 헬퍼 함수를 추가하였습니다.
- DynamicComponentRenderer에서 V2 레이아웃의 URL에서 컴포넌트 타입을 추출하도록 수정하였습니다.
- 새로운 V2 통합 입력, 선택, 날짜 컴포넌트를 등록하여 컴포넌트 목록을 업데이트하였습니다.
- 이를 통해 V2 컴포넌트의 일관성을 높이고, 레거시 타입과의 매핑을 개선하였습니다.

backend-node/src/services/screenManagementService.ts

@@ -1665,18 +1665,28 @@ export class ScreenManagementService {
       console.log(`V2 레이아웃 발견, V2 형식으로 반환`);
       const layoutData = v2Layout.layout_data;
 
+      // URL에서 컴포넌트 타입 추출하는 헬퍼 함수
+      const getTypeFromUrl = (url: string | undefined): string => {
+        if (!url) return "component";
+        const parts = url.split("/");
+        return parts[parts.length - 1] || "component";
+      };
+
       // V2 형식의 components를 LayoutData 형식으로 변환
-      const components = (layoutData.components || []).map((comp: any) => ({
-        id: comp.id,
-        type: comp.overrides?.type || "component",
-        position: comp.position || { x: 0, y: 0, z: 1 },
-        size: comp.size || { width: 200, height: 100 },
-        componentUrl: comp.url,
-        componentType: comp.overrides?.type,
-        componentConfig: comp.overrides || {},
-        displayOrder: comp.displayOrder || 0,
-        ...comp.overrides,
-      }));
+      const components = (layoutData.components || []).map((comp: any) => {
+        const componentType = getTypeFromUrl(comp.url);
+        return {
+          id: comp.id,
+          type: componentType,
+          position: comp.position || { x: 0, y: 0, z: 1 },
+          size: comp.size || { width: 200, height: 100 },
+          componentUrl: comp.url,
+          componentType: componentType,
+          componentConfig: comp.overrides || {},
+          displayOrder: comp.displayOrder || 0,
+          ...comp.overrides,
+        };
+      });
 
       // screenResolution이 없으면 컴포넌트 위치 기반으로 자동 계산
       let screenResolution = layoutData.screenResolution;