Add scrollable for nodes panel (#1245)

skyvern-frontend/src/routes/workflows/editor/panels/WorkflowNodeLibraryPanel.tsx

@@ -13,6 +13,7 @@ import {
 import { WorkflowBlockNode } from "../nodes";
 import { AddNodeProps } from "../FlowRenderer";
 import { ClickIcon } from "@/components/icons/ClickIcon";
+import { ScrollArea, ScrollAreaViewport } from "@/components/ui/scroll-area";
 
 const nodeLibraryItems: Array<{
   nodeType: NonNullable<WorkflowBlockNode["type"]>;
@@ -118,9 +119,14 @@ function WorkflowNodeLibraryPanel({ onNodeClick, first }: Props) {
               : "Click on the node type you want to add"}
           </span>
         </header>
+        <ScrollArea>
+          <ScrollAreaViewport className="max-h-[28rem]">
             <div className="space-y-2">
               {nodeLibraryItems.map((item) => {
-            if (workflowPanelData?.disableLoop && item.nodeType === "loop") {
+                if (
+                  workflowPanelData?.disableLoop &&
+                  item.nodeType === "loop"
+                ) {
                   return null;
                 }
                 return (
@@ -158,6 +164,8 @@ function WorkflowNodeLibraryPanel({ onNodeClick, first }: Props) {
                 );
               })}
             </div>
+          </ScrollAreaViewport>
+        </ScrollArea>
       </div>
     </div>
   );