message: fix(app): Fix the section order (Deck Calibration)
  Fix the section order
diff: @@ -416,6 +416,42 @@ export function RobotSettingsCalibration({
  </Flex>
  </Box>
  <Line />
  + {deckCalibrationButtonText === t('deck_calibration_calibrate_button') && (
  + <Banner type="error">
  + <Flex justifyContent={JUSTIFY_SPACE_BETWEEN} width="100%">
  + <StyledText as="p">{t('deck_calibration_missing')}</StyledText>
  + <Link
  + role="button"
  + color={COLORS.darkBlack}
  + css={TYPOGRAPHY.pRegular}
  + textDecoration={TEXT_DECORATION_UNDERLINE}
  + onClick={() => confirmStart()}
  + >
  + {t('calibrate_now')}
  + </Link>
  + </Flex>
  + </Banner>
  + )}
  + <Box paddingTop={SPACING.spacing5} paddingBottom={SPACING.spacing5}>
  + <Flex alignItems={ALIGN_CENTER} justifyContent={JUSTIFY_SPACE_BETWEEN}>
  + <Box marginRight={SPACING.spacing6}>
  + <Box css={TYPOGRAPHY.h3SemiBold} marginBottom={SPACING.spacing3}>
  + {t('deck_calibration_title')}
  + </Box>
  + <StyledText as="p" marginBottom={SPACING.spacing3}>
  + {t('deck_calibration_description')}
  + </StyledText>
  + <StyledText as="label">{deckLastModified()}</StyledText>
  + </Box>
  + <TertiaryButton
  + onClick={() => confirmStart()}
  + disabled={disabledOrBusyReason !== null}
  + >
  + {deckCalibrationButtonText}
  + </TertiaryButton>
  + </Flex>
  + </Box>
  + <Line />
  {showPipetteOffsetCalibrationBanner && (
  <Banner
  type={pipetteOffsetCalBannerType === 'error' ? 'error' : 'warning'}
  @@ -468,41 +504,6 @@ export function RobotSettingsCalibration({
  </Box>
  </Flex>
  </Box>
  - {deckCalibrationButtonText === t('deck_calibration_calibrate_button') && (
  - <Banner type="error">
  - <Flex justifyContent={JUSTIFY_SPACE_BETWEEN} width="100%">
  - <StyledText as="p">{t('deck_calibration_missing')}</StyledText>
  - <Link
  - role="button"
  - color={COLORS.darkBlack}
  - css={TYPOGRAPHY.pRegular}
  - textDecoration={TEXT_DECORATION_UNDERLINE}
  - onClick={() => confirmStart()}
  - >
  - {t('calibrate_now')}
  - </Link>
  - </Flex>
  - </Banner>
  - )}
  - <Box paddingTop={SPACING.spacing5} paddingBottom={SPACING.spacing5}>
  - <Flex alignItems={ALIGN_CENTER} justifyContent={JUSTIFY_SPACE_BETWEEN}>
  - <Box marginRight={SPACING.spacing6}>
  - <Box css={TYPOGRAPHY.h3SemiBold} marginBottom={SPACING.spacing3}>
  - {t('deck_calibration_title')}
  - </Box>
  - <StyledText as="p" marginBottom={SPACING.spacing3}>
  - {t('deck_calibration_description')}
  - </StyledText>
  - <StyledText as="label">{deckLastModified()}</StyledText>
  - </Box>
  - <TertiaryButton
  - onClick={() => confirmStart()}
  - disabled={disabledOrBusyReason !== null}
  - >
  - {deckCalibrationButtonText}
  - </TertiaryButton>
  - </Flex>
  - </Box>
  <Line />
  <Box paddingTop={SPACING.spacing5} paddingBottom={SPACING.spacing5}>
  <Flex alignItems={ALIGN_CENTER} justifyContent={JUSTIFY_SPACE_BETWEEN}>
  