fix: fix status sidebar top padding (#8817)

This PR improves handling of very narrow screens for the project status
header:
- Add a right margin so that it won't overlap with the close button.
- Make it so the icon in the header doesn't shrink.

frontend/src/component/project/Project/ProjectStatus/ProjectStatusModal.tsx

@@ -36,10 +36,12 @@ const HeaderRow = styled('div')(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',
     gap: theme.spacing(1.5),
+    marginInlineEnd: theme.spacing(5), // to account for the close button
 }));
 
 const StyledProjectStatusSvg = styled(ProjectStatusSvg)(({ theme }) => ({
     fill: theme.palette.primary.main,
+    flex: 'none',
 }));
 
 const ModalHeader = styled('h3')(({ theme }) => ({