Revamp Help popup

src/components/Help.jsx

@@ -2,9 +2,24 @@ import { Icon } from './Icon.jsx'
 
 export const Help = ({}) => (
     <>
+        <h3>Selezione Corsi</h3>
+        <p>
+            Puoi selezionare dei corsi cliccandoli, e nascondere gli altri con il tasto <Icon name="visibility" /> che
+            comparirà in basso a destra.
+        </p>
+        <p>
+            La selezione effettuata verrà preservata su tutte le visualizzazione disponibili (in particolare da <b>Corsi</b> a {' '}
+            <b>Settimana</b>), permettendo di individuare eventuali sovrapposizioni.
+        </p>
+        <p>
+            I corsi sono raggruppati per: primo, secondo, terzo anno (rispettivamente <b>I</b>,{' '}
+            <b>II</b> e <b>III</b>), e magistrale (<b>M</b> su mobile).
+            Altrimenti, puoi scegliere fra tutti i corsi disponibili cliccando su <b>Tutti</b>{' '}
+            (tasto <Icon name="apps" /> da mobile).
+        </p>
         <h3>Mobile</h3>
         <p>
-            Da mobile ci sono tre visualizzazioni possibili
+            Da mobile, ci sono tre visualizzazioni possibili:
             <ul>
                 <li>
                     <Icon name="list" /> <b>Corsi</b> mostra una lista dei corsi in ordine
@@ -16,30 +31,15 @@ export const Help = ({}) => (
                 </li>
                 <li>
                     <Icon name="calendar_view_day" />
-                    <b>Giorno</b> invece dà una visualizzazione giornaliera della settimana
+                    <b>Giorno</b> dà una visualizzazione giornaliera della settimana
                 </li>
             </ul>
         </p>
-        <h3>Selezione Corsi</h3>
+        <h3>Desktop</h3>
         <p>
-            Per visualizzare solo una selezione dei corsi disponibili, clicca su quelli che ti
+            Da desktop, si può inoltre visualizzare l'orario settimanale esteso cliccando su <b>Settimana</b>, che
-            interessano e poi nascondi gli altri con il tasto <Icon name="visibility" /> che
-            comparirà in basso a destra.
-        </p>
-        <p>
-            Da desktop si può visualizzare l'orario settimanale cliccando su <b>Settimana</b> che
             mostrerà un calendario con i corsi attualmente selezionati.
         </p>
-        <p>
-            La selezione effettuata verrà preservata dalla visualizzazione <b>Corsi</b> a quella{' '}
-            <b>Settimana</b>, permettendo di individuare eventuali sovrapposizioni di orari.
-        </p>
-        <p>
-            I corsi sono raggruppati per: primo, secondo, terzo anno (rispettivamente <b>I</b>,{' '}
-            <b>II</b> e <b>III</b>) e magistrale (su mobile indicata con <b>M</b>).
-            Alternativamente, puoi scegliere fra tutti i corsi disponibili cliccando su <b>Tutti</b>{' '}
-            (equivalente al tasto su <Icon name="apps" /> mobile).
-        </p>
         <h3>Stampa</h3>
         <p>
             Da desktop puoi stampare l'orario attualmente visibile con il bottone{' '}