add more design changes

Author: m0nggh

packages/backend/src/apps/calculator/assets/favicon.svg

@@ -139,8 +139,9 @@ function ChooseConnectionSubstep(
     connection,
     testResultLoading,
     isTestStepValid,
-    testConnectionData?.testConnection?.message,
     application.key,
+    testConnectionData?.testConnection?.message,
+    currentUser?.email,
   ])
 
   return (

packages/backend/src/apps/custom-api/assets/favicon.svg

@@ -5,14 +5,17 @@ import * as URLS from '@/config/urls'
 
 export default function FeedbackFooter() {
   return (
-    <ModalFooter justifyContent="center" gap={2} pb={0}>
-      <Text textStyle="caption-1">{`Can't find what you need? Let us know`}</Text>
+    <ModalFooter justifyContent="center" gap={1} pb={0}>
+      <Text textStyle="caption-1">{`Can't find what you need?`}</Text>
       <Link
         href={URLS.FEEDBACK_FORM_LINK}
         isExternal
         color="interaction.links.neutral-default"
-        mt={1}
+        display="flex"
+        alignItems="center"
+        gap={1}
       >
+        <Text textStyle="caption-1">Let us know</Text>
         <Icon as={BiLinkExternal} />
       </Link>
     </ModalFooter>

packages/backend/src/apps/delay/assets/favicon.svg

@@ -19,7 +19,7 @@ export default function ToolboxEvent(props: ToolboxEventProps): JSX.Element {
   const { action, isDisabled, onSelectAppEvent } = props
   return (
     <TouchableTooltip
-      label={isDisabled ? 'This can only be used in the last step' : ''}
+      label={isDisabled ? 'This can only be used as the last step' : ''}
       placement="bottom"
       openDelay={100}
       closeDelay={100}