feat: add single execution page

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Link } from 'react-router-dom';
 import Card from '@mui/material/Card';
 import Box from '@mui/material/Box';
+import Stack from '@mui/material/Stack';
 import CardActionArea from '@mui/material/CardActionArea';
 import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
 import { DateTime } from 'luxon';
@@ -21,23 +22,23 @@ export default function ExecutionRow(props: ExecutionRowProps): React.ReactEleme
   const { flow } = execution;
 
   return (
-    <Link to={URLS.FLOW(flow.id.toString())}>
+    <Link to={URLS.EXECUTION(execution.id)}>
       <Card sx={{ mb: 1 }}>
         <CardActionArea>
           <CardContent>
-            <Box
-              display="flex"
-              flex={1}
-              flexDirection="column"
+            <Stack
+              justifyContent="center"
+              alignItems="flex-start"
+              spacing={1}
             >
               <Typography variant="h6" noWrap>
                 {flow.name}
               </Typography>
 
-              <Typography variant="subtitle1" noWrap>
+              <Typography variant="caption" noWrap>
                 {getHumanlyDate(parseInt(execution.createdAt, 10))}
               </Typography>
-            </Box>
+            </Stack>
 
             <Box>
               <ArrowForwardIosIcon sx={{ color: (theme) => theme.palette.primary.main }} />