design: 트리 메뉴 최대 높이 지정

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

@@ -198,7 +198,7 @@ function MenuPage() {
   return (
     <>
       <PageLayout pageTitle="메뉴 관리">
-        <div className="card flex !min-h-[calc(100vh-16.8rem)] gap-2">
+        <div className="card !mb-0 flex !min-h-[calc(100vh-16.8rem)] gap-2">
           <div className="card card-border w-[24rem]">
             <Select value={siteId} onValueChange={handleSiteIdChange}>
               <SelectTrigger>

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

@@ -60,12 +60,16 @@ function MenuTree({
 
   return (
     <>
+      <div className="max-h-[calc(100vh-33.5rem)] overflow-auto">
         <DndProvider backend={MultiBackend} options={getBackendOptions()}>
           <Tree
             tree={tree}
             rootId={0}
             ref={treeMethods}
-          render={(node: NodeModel<TreeMenu>, { depth, isOpen, onToggle }) => {
+            render={(
+              node: NodeModel<TreeMenu>,
+              { depth, isOpen, onToggle },
+            ) => {
               if (node.id === -1) {
                 return (
                   <EditableNode
@@ -117,6 +121,7 @@ function MenuTree({
             }}
           />
         </DndProvider>
+      </div>
       <div className="flex gap-2">
         <Button
           color="lightGray"