feat(commits): commit and task list.

src/projects/project-detail.tsx

@@ -23,7 +23,7 @@ const useStyles = makeStyles(() => ({
   },
 }));
 
-export const ProjectDetail: FC<Props> = ({ project }) => {
+export const ProjectDetail: FC<Props> = ({ project, children }) => {
   const headerContainer = useHeaderContainer();
 
   const classes = useStyles();
@@ -55,7 +55,7 @@ export const ProjectDetail: FC<Props> = ({ project }) => {
       </Portal>
       <Grid
         container
-        spacing={1}
+        spacing={0}
         direction="row"
         alignItems="stretch"
         className={classes.root}
@@ -65,6 +65,9 @@ export const ProjectDetail: FC<Props> = ({ project }) => {
             <PipelineList projectId={project.id} />
           </Paper>
         </Grid>
+        <Grid item xs={9} style={{ height: "100%", display: "flex", overflowY: 'auto' }}>
+          {children}
+        </Grid>
       </Grid>
     </Fragment>
   );