♻️ refactor(MainPage): cleanup layout and remove "attività didattiche"

src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx

@@ -39,13 +39,13 @@ const Description = (props: Props) => {
             borderTopColor: theme.palette.primary.main,
             p: `${theme.spacing(7)} ${theme.spacing(5)} ${theme.spacing(5.5)} ${theme.spacing(5)}`,
           })}>
-          <Grid container spacing={2} maxWidth="xl">
+          <Box maxWidth="xl">
-            <Grid size={4}>
+            <Typography variant="h4" mb={3}>
-              <Typography variant="h4">{props.title}</Typography>
+              {props.title}
-              {props.caption}
+            </Typography>
-            </Grid>
+            {props.caption}
-            <Grid size={8}>{props.children}</Grid>
+            <Box mt={3}>{props.children}</Box>
-          </Grid>
+          </Box>
         </Box>
       )
     case 'top':

src/components/pages/MainPage/MainPage.test.tsx

@@ -14,7 +14,6 @@ describe('Main page', () => {
     // Make sure the project spotlights are present for both desktop and mobile
     expect(screen.getAllByText('Chi Siamo')).toHaveLength(2)
     expect(screen.getAllByText('Vita Civile')).toHaveLength(2)
-    expect(screen.getAllByText('Attività Didattiche')).toHaveLength(2)
     expect(screen.getAllByText('Vita Militare')).toHaveLength(2)
   })
 })

src/components/pages/MainPage/MainPage.tsx

@@ -39,21 +39,17 @@ const MainPage = () => {
         </ProjectSpotlight>
         {/*  2. Attività didattiche */}
         <ProjectSpotlight ref={refTeaching} scrollTarget={refTraining} anchor="left" image="images/didattica.png" title="Vita Civile">
-          <Typography>
+          <Typography pt={1}>
             La ricostruzione della vita civile rappresenta un elemento fondamentale delle attività della Compagnia. Non rappresetiamo solo soldati, ma
             anche tutte le altre figure che vivevano e operavano al seguito di una compagnie d'arme: cuochi, artigiani, religiosi, pellegrini e
             personale di supporto, tutti riproposti attraverso abiti, strumenti e gesti quotidiani ricostruiti su base storica. Particolare attenzione
             è dedicata agli aspetti della vita materiale: la preparazione dei cibi, l'organizzazione del banchetto, la sartoria storica, le pratiche
             mediche e devozionali ed il viaggio.
           </Typography>
-
+          <Typography pt={1}>
-          <Typography variant="h4" pt={3}>
+            La Compagnia propone percorsi didattici dedicati alla scoperta della vita nel Basso Medioevo, attraverso dimostrazioni pratiche e
-            Attività Didattiche
+            spiegazioni storiche, vengono presentati armamenti, addestramento, medicina medievale e aspetti della vita civile, offrendo un'esperienza
-          </Typography>
+            educativa coinvolgente.
-          <Typography pt={2}>
-            La Compagnia propone percorsi didattici dedicati alla scoperta della vita nel Basso Medioevo, illustrando le attività svolte all'interno
-            del campo armato e il loro ruolo nella quotidianità dei soldati. Attraverso dimostrazioni pratiche e spiegazioni storiche, vengono
-            presentati armamenti, addestramento, medicina medievale e aspetti della vita civile, offrendo un'esperienza educativa coinvolgente.
           </Typography>
         </ProjectSpotlight>
         {/*  3. Scuola d'arme */}