feat: 화면 그룹 삭제 시 메뉴 및 플로우 데이터 정리 로직 개선

- 화면 그룹 삭제 시 연결된 메뉴를 정리하는 로직을 추가하여, 삭제될 그룹에 연결된 메뉴를 자동으로 삭제하도록 하였습니다.
- 메뉴 삭제 시 관련된 화면 및 플로우 데이터도 함께 정리하여 데이터 일관성을 유지하였습니다.
- 복제 화면 모달에서 원본 회사와 동일한 회사 선택 시 자동으로 다른 회사로 변경하는 기능을 추가하였습니다.
- 삭제 확인 다이얼로그에 경고 메시지를 추가하여 사용자에게 삭제 작업의 영향을 명확히 안내하였습니다.

frontend/components/screen/ScreenGroupTreeView.tsx

@@ -18,6 +18,7 @@ import {
   Loader2,
   RefreshCw,
   Building2,
+  AlertTriangle,
 } from "lucide-react";
 import { ScreenDefinition } from "@/types/screen";
 import {
@@ -1463,16 +1464,26 @@ export function ScreenGroupTreeView({
 
       {/* 그룹 삭제 확인 다이얼로그 */}
       <AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
-        <AlertDialogContent className="max-w-[95vw] sm:max-w-[500px]">
+        <AlertDialogContent className="max-w-[95vw] sm:max-w-[500px] border-destructive/50">
           <AlertDialogHeader>
-            <AlertDialogTitle className="text-base sm:text-lg">그룹 삭제</AlertDialogTitle>
-            <AlertDialogDescription className="text-xs sm:text-sm">
-              "{deletingGroup?.group_name}" 그룹을 삭제하시겠습니까?
-              <br />
-              {deleteScreensWithGroup 
-                ? <span className="text-destructive font-medium">그룹에 속한 화면들도 함께 삭제됩니다.</span>
-                : "그룹에 속한 화면들은 미분류로 이동됩니다."
-              }
+            <AlertDialogTitle className="text-base sm:text-lg flex items-center gap-2 text-destructive">
+              <AlertTriangle className="h-5 w-5" />
+              그룹 삭제 경고
+            </AlertDialogTitle>
+            <AlertDialogDescription asChild>
+              <div className="text-xs sm:text-sm">
+                <div className="mt-2 rounded-md bg-destructive/10 border border-destructive/30 p-3">
+                  <p className="font-semibold text-destructive">
+                    &quot;{deletingGroup?.group_name}&quot; 그룹을 정말 삭제하시겠습니까?
+                  </p>
+                  <p className="mt-2 text-destructive/80">
+                    {deleteScreensWithGroup 
+                      ? "⚠️ 그룹에 속한 모든 화면, 플로우, 관련 데이터가 영구적으로 삭제됩니다. 이 작업은 되돌릴 수 없습니다."
+                      : "그룹에 속한 화면들은 미분류로 이동됩니다."
+                    }
+                  </p>
+                </div>
+              </div>
             </AlertDialogDescription>
           </AlertDialogHeader>
           
@@ -1570,11 +1581,21 @@ export function ScreenGroupTreeView({
           )}
           
           <AlertDialogHeader>
-            <AlertDialogTitle className="text-base sm:text-lg">화면 삭제</AlertDialogTitle>
-            <AlertDialogDescription className="text-xs sm:text-sm">
-              "{deletingScreen?.screenName}" 화면을 삭제하시겠습니까?
-              <br />
-              삭제된 화면은 휴지통으로 이동됩니다.
+            <AlertDialogTitle className="text-base sm:text-lg flex items-center gap-2 text-destructive">
+              <AlertTriangle className="h-5 w-5" />
+              화면 삭제 경고
+            </AlertDialogTitle>
+            <AlertDialogDescription asChild>
+              <div className="text-xs sm:text-sm">
+                <div className="mt-2 rounded-md bg-destructive/10 border border-destructive/30 p-3">
+                  <p className="font-semibold text-destructive">
+                    &quot;{deletingScreen?.screenName}&quot; 화면을 정말 삭제하시겠습니까?
+                  </p>
+                  <p className="mt-2 text-destructive/80">
+                    ⚠️ 화면과 연결된 플로우, 레이아웃 데이터가 모두 삭제됩니다. 삭제된 화면은 휴지통으로 이동됩니다.
+                  </p>
+                </div>
+              </div>
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter className="gap-2 sm:gap-0">