feat: add "go back to flows" tooltip in editor

packages/web/src/components/EditorLayout/index.tsx

@@ -5,6 +5,7 @@ import Stack from '@mui/material/Stack';
 import Box from '@mui/material/Box';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Switch from '@mui/material/Switch';
+import Tooltip from '@mui/material/Tooltip';
 import IconButton from '@mui/material/IconButton';
 import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
 
@@ -69,13 +70,15 @@ export default function EditorLayout(): React.ReactElement {
       <Stack direction="column" height="100%">
         <Stack direction="row" bgcolor="white" justifyContent="space-between" alignItems="center" boxShadow={1} py={1} px={1}>
           <Box display="flex" flex={1} alignItems="center">
-            <IconButton
-              size="small"
-              component={Link}
-              to={URLS.FLOWS}
-            >
-              <ArrowBackIosNewIcon fontSize="small" />
-            </IconButton>
+            <Tooltip placement="right" title={formatMessage('flowEditor.goBack')} disableInteractive>
+              <IconButton
+                size="small"
+                component={Link}
+                to={URLS.FLOWS}
+              >
+                <ArrowBackIosNewIcon fontSize="small" />
+              </IconButton>
+            </Tooltip>
 
             {!loading && (
               <EditableTypography

packages/web/src/locales/en.json

@@ -47,6 +47,7 @@
   "flowStep.actionType": "Action",
   "flows.create": "Create flow",
   "flows.title": "Flows",
+  "flowEditor.goBack": "Go back to flows",
   "executions.title": "Executions",
   "execution.executedAt": "executed {datetime}",
   "profileSettings.title": "My Profile",