Update loop node styles (#972)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>

skyvern-frontend/src/routes/workflows/editor/nodes/LoopNode/LoopNode.tsx

@@ -77,7 +77,7 @@ function LoopNode({ id, data }: NodeProps<LoopNode>) {
         className="opacity-0"
       />
       <div
-        className="w-[60rem] rounded-md border-2 border-dashed border-slate-600 p-2"
+        className="w-[600px] rounded-xl border-2 border-dashed border-slate-600 p-2"
         style={{
           height: childrenHeightExtent,
         }}

skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts

@@ -99,7 +99,7 @@ function layout(
     const maxChildWidth = Math.max(
       ...childNodes.map((node) => node.measured?.width ?? 0),
     );
-    const loopNodeWidth = 60 * 16; // 60 rem
+    const loopNodeWidth = 600; // 600 px
     const layouted = layoutUtil(childNodes, childEdges, {
       marginx: (loopNodeWidth - maxChildWidth) / 2,
       marginy: 200,