style: auto format whole project

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

@@ -14,9 +14,11 @@ import { Apps, CardContent, ArrowContainer, Title, Typography } from './style';
 
 type ExecutionRowProps = {
   execution: IExecution;
-}
+};
 
-export default function ExecutionRow(props: ExecutionRowProps): React.ReactElement {
+export default function ExecutionRow(
+  props: ExecutionRowProps
+): React.ReactElement {
   const formatMessage = useFormatMessage();
   const { execution } = props;
   const { flow } = execution;
@@ -29,21 +31,19 @@ export default function ExecutionRow(props: ExecutionRowProps): React.ReactEleme
       <Card sx={{ mb: 1 }}>
         <CardActionArea>
           <CardContent>
-            <Apps direction="row" gap={1} sx={{gridArea:"apps"}}>
+            <Apps direction="row" gap={1} sx={{ gridArea: 'apps' }}>
               <FlowAppIcons steps={flow.steps} />
             </Apps>
 
-            <Title
-              justifyContent="center"
-              alignItems="flex-start"
-              spacing={1}
-            >
+            <Title justifyContent="center" alignItems="flex-start" spacing={1}>
               <Typography variant="h6" noWrap>
                 {flow.name}
               </Typography>
 
               <Typography variant="caption" noWrap>
-                {formatMessage('execution.executedAt', { datetime: relativeCreatedAt })}
+                {formatMessage('execution.executedAt', {
+                  datetime: relativeCreatedAt,
+                })}
               </Typography>
             </Title>
 
@@ -57,7 +57,9 @@ export default function ExecutionRow(props: ExecutionRowProps): React.ReactEleme
                 />
               )}
 
-              <ArrowForwardIosIcon sx={{ color: (theme) => theme.palette.primary.main }} />
+              <ArrowForwardIosIcon
+                sx={{ color: (theme) => theme.palette.primary.main }}
+              />
             </ArrowContainer>
           </CardContent>
         </CardActionArea>

packages/web/src/components/ExecutionRow/style.ts

@@ -20,7 +20,7 @@ export const CardContent = styled(MuiCardContent)(({ theme }) => ({
     `,
     gridTemplateColumns: 'minmax(0, auto) min-content',
     gridTemplateRows: 'auto auto',
-  }
+  },
 }));
 
 export const Apps = styled(MuiStack)(() => ({
@@ -46,5 +46,5 @@ export const Typography = styled(MuiTypography)(() => ({
 export const DesktopOnlyBreakline = styled('br')(({ theme }) => ({
   [theme.breakpoints.down('sm')]: {
     display: 'none',
-  }
+  },
 }));