impprove frontend

ui/src/components/workflow/Panel.tsx

@@ -1,4 +1,5 @@
 // components/AddNodePanel.tsx
+import { ScrollArea } from "../ui/scroll-area";
 import { Sheet, SheetContent, SheetTitle } from "../ui/sheet";
 
 type AddNodePanelProps = {
@@ -14,7 +15,7 @@ const Panel = ({ open, onOpenChange, children, name }: AddNodePanelProps) => {
       <SheetContent className="sm:max-w-[640px] p-0">
         <SheetTitle className="bg-primary p-4 text-white">{name}</SheetTitle>
 
-        <div className="p-10 flex-col space-y-5">{children}</div>
+        <ScrollArea className="p-10 flex-col space-y-5 h-[90vh]">{children}</ScrollArea>
       </SheetContent>
     </Sheet>
   );