Stack direction to orientation

spiffworkflow-frontend/src/routes/ProcessGroupShow.tsx

@@ -82,7 +82,7 @@ export default function ProcessGroupShow() {
           ]}
         />
         <ul>
-          <Stack direction="horizontal" gap={3}>
+          <Stack orientation="horizontal" gap={3}>
             <Button
               href={`/admin/process-models/${(processGroup as any).id}/new`}
             >

spiffworkflow-frontend/src/routes/ProcessInstanceShow.tsx

@@ -366,7 +366,7 @@ export default function ProcessInstanceShow() {
           processGroupId={params.process_group_id}
           linkProcessModel
         />
-        <Stack direction="horizontal" gap={3}>
+        <Stack orientation="horizontal" gap={3}>
           <h2>Process Instance Id: {processInstanceToUse.id}</h2>
           <ButtonWithConfirmation
             description="Delete Process Instance?"

spiffworkflow-frontend/src/routes/ProcessModelEdit.tsx

@@ -80,7 +80,7 @@ export default function ProcessModelEdit() {
           />
           <br />
           <br />
-          <Stack direction="horizontal" gap={3}>
+          <Stack orientation="horizontal" gap={3}>
             <Button type="submit">Submit</Button>
             <Button variant="secondary" href={`/admin/${processModelPath}`}>
               Cancel

spiffworkflow-frontend/src/routes/ProcessModelEditDiagram.tsx

@@ -514,10 +514,10 @@ export default function ProcessModelEditDiagram() {
               <Col xs={1}>{scriptUnitTestResultBoolElement}</Col>
             </Row>
           </Content>
-          <Stack direction="horizontal" gap={3}>
+          <Stack orientation="horizontal" gap={3}>
             {unitTestFailureElement()}
           </Stack>
-          <Stack direction="horizontal" gap={3}>
+          <Stack orientation="horizontal" gap={3}>
             <Stack>
               <div>Input Json:</div>
               <div>

spiffworkflow-frontend/src/routes/ProcessModelShow.tsx

@@ -211,7 +211,7 @@ export default function ProcessModelShow() {
 
   const processModelButtons = () => {
     return (
-      <Stack direction="horizontal" gap={3}>
+      <Stack orientation="horizontal" gap={3}>
         <Button onClick={processInstanceCreateAndRun} variant="primary">
           Run
         </Button>

spiffworkflow-frontend/src/routes/SecretNew.tsx

@@ -68,7 +68,7 @@ export default function SecretNew() {
             }}
           />
         </Form.Group>
-        <Stack direction="horizontal" gap={3}>
+        <Stack orientation="horizontal" gap={3}>
           <Button variant="primary" type="submit">
             Submit
           </Button>

spiffworkflow-frontend/src/routes/SecretShow.tsx

@@ -65,8 +65,8 @@ export default function SecretShow() {
   if (secret) {
     return (
       <>
-        <Stack direction="horizontal" gap={3}>
-          <h2>Secret Key: {secret.key}</h2>
+        <h2>Secret Key: {secret.key}</h2>
+        <Stack orientation="horizontal" gap={3}>
           <ButtonWithConfirmation
             description="Delete Secret?"
             onConfirmation={deleteSecret}

spiffworkflow-frontend/src/routes/TaskShow.tsx

@@ -85,7 +85,7 @@ export default function TaskShow() {
       });
     }
     return (
-      <Stack direction="horizontal" gap={3}>
+      <Stack orientation="horizontal" gap={3}>
         <Button href="/tasks">Go Back To List</Button>
         {userTasksElement}
       </Stack>