fix(ui): Right panel overflow

frontend/src/app/page.tsx

@@ -34,13 +34,11 @@ export default function DashboardPage() {
         <SelectedWorkflowProvider>
           <div className="flex flex-col h-screen">
             <Navbar />
-            <div className="flex flex-col flex-grow">
-              <Workspace
-                defaultLayout={defaultLayout}
-                defaultCollapsed={defaultCollapsed}
-                navCollapsedSize={4}
-              />
-            </div>
+            <Workspace
+              defaultLayout={defaultLayout}
+              defaultCollapsed={defaultCollapsed}
+              navCollapsedSize={4}
+            />
           </div>
         </SelectedWorkflowProvider>
       </DefaultQueryClientProvider>

frontend/src/components/forms/action.tsx

@@ -243,7 +243,7 @@ export function ActionForm({ actionId, actionType }: ActionFormProps): React.JSX
   }
 
   return (
-    <ScrollArea>
+    <ScrollArea className="h-full">
       <Form {...form}>
         <form onSubmit={form.handleSubmit(onSubmit)}>
           <div className="space-y-4 p-4">

frontend/src/components/panel.tsx

@@ -35,7 +35,7 @@ export function WorkflowPanel() {
   });
 
   return (
-    <div className="flex-1">
+    <>
       {isActionNodeSelected && selectedActionNodeId && selectedActionNodeType ? (
         <ActionForm actionId={selectedActionNodeId} actionType={selectedActionNodeType} />
       ) : (!isActionNodeSelected && workflowId && workflowTitle && workflowDescription && workflowStatus) ? (
@@ -53,6 +53,6 @@ export function WorkflowPanel() {
           </div>
         </div>
       )}
-    </div>
+    </>
   );
 }

frontend/src/components/workspace.tsx

@@ -60,7 +60,6 @@ export function Workspace({
                 sizes
               )}`
             }}
-            className="h-full items-stretch"
           >
             <ResizablePanel
               defaultSize={defaultLayout[0]}