feat: add intermediate step count in flow apps

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import Typography from '@mui/material/Typography';
+
+import { Container } from './style';
+
+type IntermediateStepCountProps = {
+  count: number;
+}
+
+export default function IntermediateStepCount(props: IntermediateStepCountProps) {
+  const { count } = props;
+
+  return (
+    <Container>
+      <Typography variant="body2">
+        +{count}
+      </Typography>
+    </Container>
+  );
+}

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

@@ -0,0 +1,12 @@
+import { styled } from '@mui/material/styles';
+
+export const Container = styled('div')(({ theme }) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignItems: 'center',
+  minWidth: 50,
+  height: 50,
+  border: '1px solid #000',
+  borderRadius: theme.shape.borderRadius,
+}));