feat: show test runs in executions

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

@@ -1,9 +1,8 @@
 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 Chip from '@mui/material/Chip';
 import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
 import { DateTime } from 'luxon';
 import type { IExecution } from '@automatisch/types';
@@ -49,6 +48,15 @@ export default function ExecutionRow(props: ExecutionRowProps): React.ReactEleme
             </Title>
 
             <ArrowContainer>
+              {execution.testRun && (
+                <Chip
+                  size="small"
+                  color="warning"
+                  variant="outlined"
+                  label={formatMessage('execution.test')}
+                />
+              )}
+
               <ArrowForwardIosIcon sx={{ color: (theme) => theme.palette.primary.main }} />
             </ArrowContainer>
           </CardContent>

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

@@ -31,6 +31,10 @@ export const Title = styled(MuiStack)(() => ({
 }));
 
 export const ArrowContainer = styled(MuiBox)(() => ({
+  flexDirection: 'row',
+  display: 'flex',
+  alignItems: 'center',
+  gap: 10,
   gridArea: 'arrow-container',
 }));
 export const Typography = styled(MuiTypography)(() => ({