Improve screenshot experience in new task ui (#408)

skyvern-frontend/src/routes/tasks/detail/ActionScreenshot.tsx

@@ -42,7 +42,7 @@ function ActionScreenshot({ stepId, index }: Props) {
   }
 
   return screenshot ? (
-    <figure className="max-h-[400px] flex flex-col mx-auto items-center gap-2 overflow-hidden">
+    <figure className="max-w-full flex flex-col mx-auto items-center gap-2 overflow-hidden">
       <ZoomableImage src={getImageURL(screenshot)} alt="llm-screenshot" />
     </figure>
   ) : (

skyvern-frontend/src/routes/tasks/detail/TaskActions.tsx

@@ -23,7 +23,7 @@ function TaskActions() {
 
   return (
     <div className="flex gap-2">
-      <div className="w-3/4 h-[40rem] border rounded">
+      <div className="w-3/4 border rounded">
         <div className="p-4">
           <InputReasoningCard
             input={activeAction.input}
@@ -32,12 +32,10 @@ function TaskActions() {
           />
         </div>
         <div className="p-4">
-          <div className="p-4">
-            <ActionScreenshot
-              stepId={activeAction.stepId}
-              index={activeAction.index}
-            />
-          </div>
+          <ActionScreenshot
+            stepId={activeAction.stepId}
+            index={activeAction.index}
+          />
         </div>
       </div>
       <ScrollableActionList