feat: Enhance screen management with conditional layer and zone handling

- Updated the ScreenManagementService to allow general companies to query both their own zones and common zones.
- Improved the ScreenViewPage to include detailed logging for loaded conditional layers and zones.
- Added functionality to ignore empty targetComponentId in condition evaluations.
- Enhanced the EditModal and LayerManagerPanel to support loading conditional layers and dynamic options based on selected zones.
- Implemented additional tab configurations to manage entity join columns effectively in the SplitPanelLayout components.

frontend/app/(main)/screens/[screenId]/page.tsx

@@ -294,6 +294,16 @@ function ScreenViewPage() {
         console.log("🔄 조건부 레이어 로드 완료:", layerDefinitions.length, "개", layerDefinitions.map(l => ({
           id: l.id, name: l.name, zoneId: l.zoneId, conditionValue: l.conditionValue,
           componentCount: l.components.length,
+          condition: l.condition ? {
+            targetComponentId: l.condition.targetComponentId,
+            operator: l.condition.operator,
+            value: l.condition.value,
+          } : "없음",
+        })));
+        console.log("🗺️ Zone 정보:", loadedZones.map(z => ({
+          zone_id: z.zone_id,
+          trigger_component_id: z.trigger_component_id,
+          trigger_operator: z.trigger_operator,
         })));
         setConditionalLayers(layerDefinitions);
       } catch (error) {
@@ -315,6 +325,9 @@ function ScreenViewPage() {
       if (layer.condition) {
         const { targetComponentId, operator, value } = layer.condition;
 
+        // 빈 targetComponentId는 무시
+        if (!targetComponentId) return;
+
         // 트리거 컴포넌트 찾기 (기본 레이어에서)
         const targetComponent = allComponents.find((c) => c.id === targetComponentId);
 
@@ -329,16 +342,36 @@ function ScreenViewPage() {
         let isMatch = false;
         switch (operator) {
           case "eq":
-            isMatch = targetValue == value;
+            // 문자열로 변환하여 비교 (타입 불일치 방지)
+            isMatch = String(targetValue ?? "") === String(value ?? "");
             break;
           case "neq":
-            isMatch = targetValue != value;
+            isMatch = String(targetValue ?? "") !== String(value ?? "");
             break;
           case "in":
-            isMatch = Array.isArray(value) && value.includes(targetValue);
+            if (Array.isArray(value)) {
+              isMatch = value.some(v => String(v) === String(targetValue ?? ""));
+            } else if (typeof value === "string" && value.includes(",")) {
+              // 쉼표로 구분된 문자열도 지원
+              isMatch = value.split(",").map(v => v.trim()).includes(String(targetValue ?? ""));
+            }
             break;
         }
 
+        // 디버그 로깅 (값이 존재할 때만)
+        if (targetValue !== undefined && targetValue !== "") {
+          console.log("🔍 [레이어 조건 평가]", {
+            layerId: layer.id,
+            layerName: layer.name,
+            targetComponentId,
+            fieldKey,
+            targetValue: String(targetValue),
+            conditionValue: String(value),
+            operator,
+            isMatch,
+          });
+        }
+
         if (isMatch) {
           newActiveIds.push(layer.id);
         }