AccordionTrigger 내 버튼 중첩 에러 수정

frontend/components/report/designer/QueryManager.tsx

@@ -264,24 +264,24 @@ export function QueryManager() {
 
               return (
                 <AccordionItem key={query.id} value={query.id} className="border-b border-gray-200">
-                  <AccordionTrigger className="px-0 py-2.5 hover:no-underline">
-                    <div className="flex w-full items-center justify-between pr-2">
+                  <div className="flex items-center gap-1">
+                    <AccordionTrigger className="flex-1 px-0 py-2.5 hover:no-underline">
                       <div className="flex items-center gap-2">
                         <span className="text-sm font-medium">{query.name}</span>
                         <Badge variant={query.type === "MASTER" ? "default" : "secondary"} className="text-xs">
                           {query.type}
                         </Badge>
                       </div>
-                      <Button
-                        variant="ghost"
-                        size="sm"
-                        onClick={(e) => handleDeleteQuery(query.id, e)}
-                        className="h-7 w-7 p-0"
-                      >
-                        <Trash2 className="h-4 w-4 text-red-500" />
-                      </Button>
-                    </div>
-                  </AccordionTrigger>
+                    </AccordionTrigger>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={(e) => handleDeleteQuery(query.id, e)}
+                      className="h-7 w-7 shrink-0 p-0"
+                    >
+                      <Trash2 className="h-4 w-4 text-red-500" />
+                    </Button>
+                  </div>
                   <AccordionContent className="space-y-4 pt-1 pr-0 pb-3 pl-0">
                     {/* 쿼리 이름 */}
                     <div className="space-y-2">