refactor: 트리 메뉴 순서 변경 로직 수정

apps/cs/src/pages/menu/lib/utils.ts

@@ -31,8 +31,14 @@ export const generateNewTreeData = (
 
   const siblings = treeData.filter((node) => node.parent === dropTargetId);
 
+  const dragSourceIndex = siblings.findIndex(
+    (node) => node.id === dragSourceId,
+  );
+
+  const prevSibling = siblings[dragSourceIndex - 1];
+
   const newSortSeq =
-    siblings.findIndex((sibling) => sibling.id === dragSourceId) + 1;
+    dragSourceIndex === 0 ? 1 : (prevSibling?.data?.sortSeq ?? 0) + 1;
 
   const childNodes = treeData.filter(
     (node) => node.parent === dragSourceId && node.data,

apps/cs/src/pages/menu/ui/menu-page.tsx

@@ -116,6 +116,10 @@ function MenuPage() {
 
   const handleNodeSelect = (node: NodeModel<TreeMenu>) => {
     if (!node.data) return;
+    if (node.data.menuCd === selectedMenu?.menuCd) {
+      setSelectedMenu(null);
+      return;
+    }
     setSelectedMenu(node.data);
   };
 
@@ -123,7 +127,7 @@ function MenuPage() {
 
   return (
     <PageLayout pageTitle="메뉴 관리">
-      <div className="card flex gap-2">
+      <div className="card flex !min-h-[calc(100vh-16.8rem)] gap-2">
         <div className="card card-border w-[24rem]">
           <Select value={siteId} onValueChange={handleSiteIdChange}>
             <SelectTrigger>