fix: fix title sizes (#8420)

Makes both headers of the same setup complete section the same size.
Also normalize casing

frontend/src/component/personalDashboard/LatestProjectEvents.tsx

@@ -57,7 +57,7 @@ export const LatestProjectEvents: FC<{
                     }}
                     component='h4'
                 >
-                    Latest Events
+                    Latest events
                 </Typography>
             </TitleContainer>
             <Events>

frontend/src/component/personalDashboard/ProjectSetupComplete.tsx

@@ -11,14 +11,6 @@ const TitleContainer = styled('div')(({ theme }) => ({
     alignItems: 'center',
 }));
 
-const Health = styled('div')(({ theme }) => ({
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: theme.spacing(3),
-}));
-
 const ActionBox = styled('article')(({ theme }) => ({
     padding: theme.spacing(0, 2),
     display: 'flex',
@@ -30,10 +22,6 @@ const PercentageScore = styled('span')(({ theme }) => ({
     fontWeight: theme.typography.fontWeightBold,
 }));
 
-const ProjectInsight = styled('h3')(({ theme }) => ({
-    margin: 0,
-}));
-
 const ConnectedSdkProject: FC<{ project: string }> = ({ project }) => {
     return (
         <>
@@ -160,7 +148,9 @@ export const ProjectSetupComplete: FC<{
         <ActionBox>
             <TitleContainer>
                 <Lightbulb color='primary' />
-                <ProjectInsight>Project health</ProjectInsight>
+                <Typography sx={{ fontWeight: 'bold' }} component='h4'>
+                    Project health
+                </Typography>
             </TitleContainer>
 
             <ProjectHealthMessage