컴포넌트 잠금기능 구현

frontend/components/report/designer/ReportDesignerToolbar.tsx

@@ -26,6 +26,8 @@ import {
   ChevronsDown,
   ChevronsUp,
   ChevronUp,
+  Lock,
+  Unlock,
 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useReportDesigner } from "@/contexts/ReportDesignerContext";
@@ -78,6 +80,9 @@ export function ReportDesignerToolbar() {
     sendToBack,
     bringForward,
     sendBackward,
+    toggleLock,
+    lockComponents,
+    unlockComponents,
   } = useReportDesigner();
   const [showPreview, setShowPreview] = useState(false);
   const [showSaveAsTemplate, setShowSaveAsTemplate] = useState(false);
@@ -357,6 +362,37 @@ export function ReportDesignerToolbar() {
             </DropdownMenuContent>
           </DropdownMenu>
 
+          {/* 잠금 드롭다운 */}
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button
+                variant="outline"
+                size="sm"
+                disabled={!hasSelection}
+                className="gap-2"
+                title="컴포넌트 잠금/해제 (1개 이상 선택 필요)"
+              >
+                <Lock className="h-4 w-4" />
+                잠금
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end">
+              <DropdownMenuItem onClick={toggleLock}>
+                <Lock className="mr-2 h-4 w-4" />
+                토글 (잠금/해제)
+              </DropdownMenuItem>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem onClick={lockComponents}>
+                <Lock className="mr-2 h-4 w-4" />
+                잠금 설정
+              </DropdownMenuItem>
+              <DropdownMenuItem onClick={unlockComponents}>
+                <Unlock className="mr-2 h-4 w-4" />
+                잠금 해제
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+
           <Button variant="outline" size="sm" onClick={handleReset} className="gap-2">
             <RotateCcw className="h-4 w-4" />
             초기화