fix(blog): scope PR to 2020–2022 and align sidebar rules

Revert out-of-scope 2023 post translations, restore EN sidebar dates
and untranslated 2023 titles, and fix layout Effect glossary usage.

Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
Co-authored-by: Cursor <cursoragent@cursor.com>

Author: deblasis

src/content/blog/2022/03/08/react-18-upgrade-guide.md

@@ -235,7 +235,7 @@ Per maggiori informazioni, consulta l'[approfondimento sul raggruppamento automa
 Nel React 18 Working Group abbiamo lavorato con i maintainer di librerie per creare nuove API necessarie a supportare il concurrent rendering per casi d'uso specifici in aree come gli stili e gli store esterni. Per supportare React 18, alcune librerie potrebbero dover passare a una delle seguenti API:
 
 * `useSyncExternalStore` è un nuovo Hook che consente agli store esterni di supportare letture concorrenti forzando gli aggiornamenti allo store a essere sincroni. Questa nuova API è consigliata per qualsiasi libreria che si integra con state esterno a React. Per maggiori informazioni, consulta il [post di panoramica useSyncExternalStore](https://github.com/reactwg/react-18/discussions/70) e i [dettagli dell'API useSyncExternalStore](https://github.com/reactwg/react-18/discussions/86).
-* `useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che i layout Effect leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. Per maggiori informazioni, consulta la [Library Upgrade Guide for `<style>`](https://github.com/reactwg/react-18/discussions/110).
+* `useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che gli Effetti di layout leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. Per maggiori informazioni, consulta la [Library Upgrade Guide for `<style>`](https://github.com/reactwg/react-18/discussions/110).
 
 React 18 introduce anche nuove API per il concurrent rendering come `startTransition`, `useDeferredValue` e `useId`, di cui parliamo di più nel [post di rilascio](/blog/2022/03/29/react-v18).
 
@@ -315,7 +315,7 @@ Se hai bisogno di supportare Internet Explorer, ti consigliamo di restare su Rea
 * **Timing consistente di useEffect**: React ora esegue sempre il flush sincrono delle funzioni degli Effetti se l'aggiornamento è stato attivato durante un evento di input utente discreto come un click o un keydown. In precedenza, il comportamento non era sempre prevedibile o consistente.
 * **Errori di hydration più rigorosi**: I mismatch di hydration dovuti a contenuto testuale mancante o extra sono ora trattati come errori invece che warning. React non tenterà più di "rattoppare" singoli nodi inserendo o eliminando un nodo sul client per far corrispondere il markup del server, e tornerà al client rendering fino al boundary `<Suspense>` più vicino nell'albero. Questo garantisce che l'albero idratato sia consistente ed evita potenziali problemi di privacy e sicurezza causati da mismatch di hydration.
 * **Gli alberi Suspense sono sempre consistenti:** Se un componente sospende prima di essere completamente aggiunto all'albero, React non lo aggiungerà all'albero in uno state incompleto né attiverà i suoi Effetti. Invece, React scarterà completamente il nuovo albero, attenderà il completamento dell'operazione asincrona e poi riproverà a renderizzare da zero. React renderizzerà il tentativo di retry in modo concorrente e senza bloccare il browser.
-* **Layout Effect con Suspense**: Quando un albero si ri-sospende e torna a un fallback, React ora pulirà i layout Effect e poi li ricreerà quando il contenuto all'interno del boundary viene mostrato di nuovo. Questo risolve un problema che impediva alle librerie di componenti di misurare correttamente il layout quando usate con Suspense.
+* **Effetto di layout con Suspense**: Quando un albero si ri-sospende e torna a un fallback, React ora pulirà gli Effetti di layout e poi li ricreerà quando il contenuto all'interno del boundary viene mostrato di nuovo. Questo risolve un problema che impediva alle librerie di componenti di misurare correttamente il layout quando usate con Suspense.
 * **Nuovi requisiti dell'ambiente JS**: React ora dipende da funzionalità moderne del browser tra cui `Promise`, `Symbol` e `Object.assign`. Se supporti browser e dispositivi più vecchi come Internet Explorer che non forniscono nativamente funzionalità moderne del browser o hanno implementazioni non conformi, considera di includere un polyfill globale nella tua applicazione bundled.
 
 ## Altri cambiamenti rilevanti {/*other-notable-changes*/}

src/content/blog/2022/03/29/react-v18.md

@@ -263,7 +263,7 @@ Con Strict Mode in React 18, React simulerà lo smontaggio e il rimontaggio del
 
 #### useInsertionEffect {/*useinsertioneffect*/}
 
-`useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che i layout Effect leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. [Consulta la documentazione qui](/reference/react/useInsertionEffect).
+`useInsertionEffect` è un nuovo Hook che consente alle librerie CSS-in-JS di affrontare problemi di prestazioni legati all'iniezione di stili durante la renderizzazione. A meno che tu non abbia già costruito una libreria CSS-in-JS, non ci aspettiamo che tu la usi mai. Questo Hook viene eseguito dopo la mutazione del DOM, ma prima che gli Effetti di layout leggano il nuovo layout. Risolve un problema che esiste già in React 17 e versioni precedenti, ma è ancora più importante in React 18 perché React cede il controllo al browser durante il concurrent rendering, dandogli la possibilità di ricalcolare il layout. [Consulta la documentazione qui](/reference/react/useInsertionEffect).
 
 > Nota
 >