Refactor UpdateStage component in AppUpdateProgress to streamline progress display and detail rendering, enhancing clarity and organization of update status information.

src/components/Dashboard/Management/AppUpdates/AppUpdateProgress.jsx

@@ -101,7 +101,6 @@ const UpdateStage = ({ stage, status, percent, detail }) => {
         : StageIcon
 
   return (
-    <Flex vertical gap={4}>
     <Flex align='center' gap='middle'>
       <StatusIcon style={{ fontSize: 20, color, flexShrink: 0 }} />
       <Flex align='center' gap='small' style={{ flex: 1, minWidth: 0 }}>
@@ -109,21 +108,22 @@ const UpdateStage = ({ stage, status, percent, detail }) => {
           {config.labels[resolvedStatus]}
         </Text>
         {showProgress && (
+          <Flex vertical gap={4}>
             <Progress
               percent={resolvedPercent}
               status={getProgressStatus(resolvedStatus)}
               showInfo={typeof resolvedPercent === 'number'}
               style={{ flex: 1, margin: 0 }}
             />
-          )}
-        </Flex>
-      </Flex>
             {detail && (
               <Text type='secondary' style={{ marginLeft: 36 }}>
                 {detail}
               </Text>
             )}
           </Flex>
+        )}
+      </Flex>
+    </Flex>
   )
 }