fix: LOCK-OWNER 카드 비활성화 UI 누락분 반영

a2c532c7 커밋에서 누락된 CardV2 잠금 UI를 반영한다.
- locked 계산: ownerSortColumn 값이 존재하고 현재 사용자와 불일치 시 true
- isLockedByOther prop을 CardV2에 전달
- 잠금 카드: opacity-50, cursor-not-allowed, onClick/onKeyDown 차단, tabIndex=-1

frontend/lib/registry/pop-components/pop-card-list-v2/PopCardListV2Component.tsx

@@ -1067,36 +1067,42 @@ export function PopCardListV2Component({
             className={`min-h-0 flex-1 grid ${scrollClassName}`}
             style={{ ...cardAreaStyle, alignContent: "start", justifyContent: isHorizontalMode ? "start" : "center" }}
           >
-            {displayCards.map((row, index) => (
-              <CardV2
-                key={`card-${index}`}
-                row={row}
-                cardGrid={cardGrid}
-                spec={spec}
-                config={effectiveConfig}
-                onSelect={handleCardSelect}
-                cart={cart}
-                publish={publish}
-                parentComponentId={componentId}
-                isCartListMode={isCartListMode}
-                isSelected={selectedKeys.has(String(row.__cart_id ?? ""))}
-                onToggleSelect={() => {
-                  const cartId = row.__cart_id != null ? String(row.__cart_id) : "";
-                  if (!cartId) return;
-                  setSelectedKeys((prev) => { const next = new Set(prev); if (next.has(cartId)) next.delete(cartId); else next.add(cartId); return next; });
-                }}
-                onDeleteItem={handleDeleteItem}
-                onUpdateQuantity={handleUpdateQuantity}
-                onRefresh={fetchData}
-                selectMode={selectMode}
-                isSelectModeSelected={selectedRowIds.has(String(row.id ?? row.pk ?? ""))}
-                isSelectable={isRowSelectable(row)}
-                onToggleRowSelect={() => toggleRowSelection(row)}
-                onEnterSelectMode={enterSelectMode}
-                onOpenPopModal={openPopModal}
-                currentUserId={currentUserId}
-              />
-            ))}
+            {displayCards.map((row, index) => {
+              const locked = !!ownerSortColumn
+                && !!String(row[ownerSortColumn] ?? "")
+                && String(row[ownerSortColumn] ?? "") !== (currentUserId ?? "");
+              return (
+                <CardV2
+                  key={`card-${index}`}
+                  row={row}
+                  cardGrid={cardGrid}
+                  spec={spec}
+                  config={effectiveConfig}
+                  onSelect={handleCardSelect}
+                  cart={cart}
+                  publish={publish}
+                  parentComponentId={componentId}
+                  isCartListMode={isCartListMode}
+                  isSelected={selectedKeys.has(String(row.__cart_id ?? ""))}
+                  onToggleSelect={() => {
+                    const cartId = row.__cart_id != null ? String(row.__cart_id) : "";
+                    if (!cartId) return;
+                    setSelectedKeys((prev) => { const next = new Set(prev); if (next.has(cartId)) next.delete(cartId); else next.add(cartId); return next; });
+                  }}
+                  onDeleteItem={handleDeleteItem}
+                  onUpdateQuantity={handleUpdateQuantity}
+                  onRefresh={fetchData}
+                  selectMode={selectMode}
+                  isSelectModeSelected={selectedRowIds.has(String(row.id ?? row.pk ?? ""))}
+                  isSelectable={isRowSelectable(row)}
+                  onToggleRowSelect={() => toggleRowSelection(row)}
+                  onEnterSelectMode={enterSelectMode}
+                  onOpenPopModal={openPopModal}
+                  currentUserId={currentUserId}
+                  isLockedByOther={locked}
+                />
+              );
+            })}
           </div>
 
           {/* 선택 모드 하단 액션 바 */}
@@ -1394,16 +1400,24 @@ function CardV2({
 
   return (
     <div
-      className={`relative flex cursor-pointer flex-col rounded-lg border bg-card shadow-sm transition-all duration-150 hover:shadow-md ${borderClass}`}
+      className={cn(
+        "relative flex flex-col rounded-lg border bg-card shadow-sm transition-all duration-150",
+        isLockedByOther
+          ? "cursor-not-allowed opacity-50"
+          : "cursor-pointer hover:shadow-md",
+        borderClass,
+      )}
       style={{ minHeight: `${spec.height}px` }}
       onClick={() => {
+        if (isLockedByOther) return;
         if (selectMode && isSelectable) { onToggleRowSelect?.(); return; }
         if (!selectMode) onSelect?.(row);
       }}
       role="button"
-      tabIndex={0}
+      tabIndex={isLockedByOther ? -1 : 0}
       onKeyDown={(e) => {
         if (e.key === "Enter" || e.key === " ") {
+          if (isLockedByOther) return;
           if (selectMode && isSelectable) { onToggleRowSelect?.(); return; }
           if (!selectMode) onSelect?.(row);
         }