From 509a189b2f8abcb002fd264df0b82a94c1b5d58d Mon Sep 17 00:00:00 2001
From: ist149372 <joaoluisraimundo@tecnico.ulisboa.pt>
Date: Fri, 25 Mar 2022 20:23:04 +0000
Subject: [PATCH] migrate to React 18

---
 microfrontend-vite/package.json               |   5 +-
 microfrontend-vite/src/AppRouter.jsx          |  13 +-
 microfrontend-vite/src/customReact.js         |   0
 microfrontend-vite/src/main.jsx               |  12 +-
 .../src/microfrontends/about/AboutRouter.jsx  |  72 +-
 .../microfrontends/about/pages/Ack/Ack-en.jsx |  58 +-
 .../microfrontends/about/pages/Ack/Ack-es.jsx |  58 +-
 .../microfrontends/about/pages/Ack/Ack-pt.jsx |  52 +-
 .../microfrontends/about/pages/Ack/Ack.jsx    |  19 +-
 .../microfrontends/about/pages/Faq/Faq-en.jsx |   2 +-
 .../microfrontends/about/pages/Faq/Faq-es.jsx |   2 +-
 .../microfrontends/about/pages/Faq/Faq.jsx    |  19 +-
 .../about/pages/archive/Archive-es.jsx        |   2 +-
 .../about/pages/archive/Archive-pt.jsx        |   2 +-
 .../about/pages/archive/Archive.jsx           |  16 +-
 .../about/pages/articles/Articles-en.jsx      | 152 ++---
 .../about/pages/articles/Articles-es.jsx      | 152 ++---
 .../about/pages/articles/Articles-pt.jsx      | 152 ++---
 .../about/pages/articles/Articles.jsx         |  18 +-
 .../about/pages/book/Book-en.jsx              |  11 +-
 .../about/pages/book/Book-es.jsx              | 125 ++--
 .../about/pages/book/Book-pt.jsx              |   7 +-
 .../microfrontends/about/pages/book/Book.jsx  |  20 +-
 .../about/pages/conduct/Conduct-en.jsx        |  10 +-
 .../about/pages/conduct/Conduct-es.jsx        |  10 +-
 .../about/pages/conduct/Conduct-pt.jsx        |   9 +-
 .../about/pages/conduct/Conduct.jsx           |  15 +-
 .../about/pages/copyright/Copyright-pt.jsx    |   2 +-
 .../about/pages/copyright/Copyright.jsx       |  12 +-
 .../about/pages/enconding/Encoding-en.jsx     |   8 +-
 .../about/pages/enconding/Encoding-es.jsx     |  10 +-
 .../about/pages/enconding/Encoding-pt.jsx     |   8 +-
 .../about/pages/enconding/Encoding.jsx        |  18 +-
 .../about/pages/privacy/Privacy-en.jsx        |   2 +-
 .../about/pages/privacy/Privacy-es.jsx        |   2 +-
 .../about/pages/privacy/Privacy-pt.jsx        |   2 +-
 .../about/pages/privacy/Privacy.jsx           |  19 +-
 .../about/pages/team/Team-en.jsx              |   2 +-
 .../about/pages/team/Team-es.jsx              |   2 +-
 .../about/pages/team/Team-pt.jsx              | 330 +++++-----
 .../microfrontends/about/pages/team/Team.jsx  |  20 +-
 .../about/pages/tutorials/Tutorials-en.jsx    |  45 +-
 .../about/pages/tutorials/Tutorials-es.jsx    |  44 +-
 .../about/pages/tutorials/Tutorials-pt.jsx    |  52 +-
 .../about/pages/tutorials/Tutorials.jsx       |  20 +-
 .../about/pages/videos/Videos-en.jsx          | 616 ++++++++----------
 .../about/pages/videos/Videos-es.jsx          | 111 +---
 .../about/pages/videos/Videos-pt.jsx          | 110 +---
 .../about/pages/videos/Videos.jsx             |  17 +-
 microfrontend-vite/src/store.js               |  44 +-
 50 files changed, 1123 insertions(+), 1386 deletions(-)
 create mode 100644 microfrontend-vite/src/customReact.js

diff --git a/microfrontend-vite/package.json b/microfrontend-vite/package.json
index 574088875..285a7bf3d 100644
--- a/microfrontend-vite/package.json
+++ b/microfrontend-vite/package.json
@@ -14,8 +14,8 @@
         "axios": "^0.25.0",
         "html-react-parser": "^1.4.8",
         "openseadragon": "^3.0.0",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
+        "react": "^18.0.0-rc.3",
+        "react-dom": "^18.0.0-rc.3",
         "react-modal": "^3.14.4",
         "react-router-dom": "^6.2.1",
         "react-tooltip": "^4.2.21",
@@ -23,6 +23,7 @@
     },
     "devDependencies": {
         "@vitejs/plugin-react": "^1.0.7",
+        "@vitejs/plugin-react-refresh": "^1.3.6",
         "vite": "^2.7.2"
     }
 }
diff --git a/microfrontend-vite/src/AppRouter.jsx b/microfrontend-vite/src/AppRouter.jsx
index bfc84625d..9eda3cf7e 100644
--- a/microfrontend-vite/src/AppRouter.jsx
+++ b/microfrontend-vite/src/AppRouter.jsx
@@ -8,7 +8,13 @@ import NoPage from './pages/NoPage';
 import Home from './microfrontends/home/Home';
 import { getUser } from './microfrontends/user/api/users';
 import './resources/css/app.css';
-import { getToken, isAuthenticated, logout, setError, storeStateSelector } from './store';
+import {
+  getToken,
+  isAuthenticated,
+  logout,
+  setError,
+  storeStateSelector,
+} from './store';
 
 const UserRouter = lazy(() => import('./microfrontends/user/UserRouter'));
 const AboutRouter = lazy(() => import('./microfrontends/about/AboutRouter'));
@@ -26,7 +32,6 @@ const EditionRouter = lazy(() =>
 );
 const SearchRouter = lazy(() => import('./microfrontends/search/SearchRouter'));
 
-
 function App() {
   const navigate = useNavigate();
   const error = storeStateSelector('error');
@@ -37,9 +42,7 @@ function App() {
     setError();
   }, [error]);
 
-
-
-  useEffect(async () => {
+  useEffect(() => {
     getToken() &&
       getUser()
         .then(() => isAuthenticated() && navigate('/', { replace: true }))
diff --git a/microfrontend-vite/src/customReact.js b/microfrontend-vite/src/customReact.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/microfrontend-vite/src/main.jsx b/microfrontend-vite/src/main.jsx
index c7ecdf1b0..4eee9751a 100644
--- a/microfrontend-vite/src/main.jsx
+++ b/microfrontend-vite/src/main.jsx
@@ -1,12 +1,12 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import AppRouter from './AppRouter';
-import { BrowserRouter as Router } from 'react-router-dom'
+import { BrowserRouter as Router } from 'react-router-dom';
 
+const root = ReactDOM.createRoot(document.getElementById('root'));
 
-ReactDOM.render(
+root.render(
   <Router basename={import.meta.env.VITE_BASE_PATH}>
-      <AppRouter />
-  </Router>,
-  document.getElementById('root')
+    <AppRouter />
+  </Router>
 );
diff --git a/microfrontend-vite/src/microfrontends/about/AboutRouter.jsx b/microfrontend-vite/src/microfrontends/about/AboutRouter.jsx
index ddb93eeeb..bd1607ac0 100644
--- a/microfrontend-vite/src/microfrontends/about/AboutRouter.jsx
+++ b/microfrontend-vite/src/microfrontends/about/AboutRouter.jsx
@@ -1,11 +1,11 @@
 import { Route, Routes } from 'react-router-dom';
-import { lazy } from 'react';
+import { lazy, Suspense } from 'react';
 import './resources/about.css';
 import messages from './resources/constants';
 
 // TODO: dependecy from Home MFE
 import HomeInfo from '../home/HomeInfo';
-import { storeStateSelector } from '../../store';
+import { getLanguage, storeStateSelector } from '../../store';
 
 const Archive = lazy(() => import('./pages/archive/Archive'));
 const Videos = lazy(() => import('./pages/videos/Videos'));
@@ -20,39 +20,65 @@ const Team = lazy(() => import('./pages/team/Team'));
 const Ack = lazy(() => import('./pages/Ack/Ack'));
 const Copyright = lazy(() => import('./pages/copyright/Copyright'));
 
+const scroll = (ref) => {
+  const section = document.querySelector(ref);
+  section.scrollIntoView({ behavior: 'smooth', block: 'start' });
+};
 
+const getLazyContact = (lang) => {
+  const Contact = () => messages[lang]['contact'];
+  return <Contact />;
+};
 
 export default () => {
-  const language = storeStateSelector('language')
-  const Contact = () => messages?.[language]['contact'];
-
-  const scroll = (ref) => {
-    const section = document.querySelector(ref);
-    section.scrollIntoView({ behavior: 'smooth', block: 'start' });
-  };
+  const language = storeStateSelector('language');
 
   return (
     <div className="ldod-default">
       <div className="container">
         <div className="col-md-8 col-md-offset-2 ldod-about">
           <Routes>
-            <Route path="archive" element={<Archive />} />
-            <Route path="videos" element={<Videos scroll={scroll} />} />
-            <Route path="tutorials" element={<Tutorials scroll={scroll} />} />
-            <Route path="faq" element={<Faq scroll={scroll} />} />
-            <Route path="encoding" element={<Encoding />} />
-            <Route path="articles" element={<Articles scroll={scroll} />} />
-            <Route path="book" element={<Book />} />
-            <Route path="conduct" element={<Conduct messages={messages} language={language}/>} />
-            <Route path="privacy" element={<Privacy />} />
-            <Route path="team" element={<Team />} />
-            <Route path="acknowledgements" element={<Ack />} />
-            <Route path="contact" element={<Contact />} />
-            <Route path="copyright" element={<Copyright />} />
+            <Route path="archive" element={<Archive language={language} />} />
+            <Route
+              path="videos"
+              element={<Videos scroll={scroll} language={language} />}
+            />
+            <Route
+              path="tutorials"
+              element={<Tutorials scroll={scroll} language={language} />}
+            />
+            <Route
+              path="faq"
+              element={<Faq scroll={scroll} language={language} />}
+            />
+            <Route path="encoding" element={<Encoding language={language} />} />
+            <Route
+              path="articles"
+              element={<Articles scroll={scroll} language={language} />}
+            />
+            <Route path="book" element={<Book language={language} />} />
+            <Route
+              path="conduct"
+              element={<Conduct messages={messages} language={language} />}
+            />
+            <Route path="privacy" element={<Privacy language={language} />} />
+            <Route
+              path="team"
+              element={<Team scroll={scroll} language={language} />}
+            />
+            <Route
+              path="acknowledgements"
+              element={<Ack language={language} />}
+            />
+            <Route
+              path="copyright"
+              element={<Copyright language={language} />}
+            />
+            <Route path="contact" element={<>{getLazyContact(language)}</>} />
           </Routes>
         </div>
         <div className="ldod-default col-md-8 col-md-offset-2 ldod-about">
-          <HomeInfo info={messages[language].info} />
+          <HomeInfo info={messages[getLanguage()].info} />
         </div>
       </div>
       <div className="bottom-bar"></div>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-en.jsx
index b9c5acc0c..6213adf14 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-en.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+export default ({ posY }) => {
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Acknowledgements</h1>
@@ -85,8 +85,7 @@ export default ({ posY, scroll }) => {
             (FCSH): VI Seminar “
             <a
               href="http://elab.fcsh.unl.pt/actividades/estranhar-pessoa-vi-seminario"
-              target="new"
-            >
+              target="new">
               Assuntos Materiais
             </a>
             ,” organized by the Project “Estranhar Pessoa” (Februrary 7, 2013;
@@ -98,8 +97,7 @@ export default ({ posY, scroll }) => {
             organized by the Project “
             <a
               href="https://www.westernsydney.edu.au/writing_and_society/research/past_research_projects/creative_nation_writers_and_writing_in_the_new_media_culture"
-              target="new"
-            >
+              target="new">
               Creative Nation: Writers and Writing in the New Media Culture
             </a>
             ” (June 10, 2013; coords. Anna Gibbs and Maria Angel)
@@ -134,8 +132,7 @@ export default ({ posY, scroll }) => {
             modernes (ITEM): “
             <a
               href="https://textualscholarship.files.wordpress.com/2015/04/programme-ests-paris-conference-2013.pdf"
-              target="new"
-            >
+              target="new">
               Variance in Textual Scholarship and Genetic Criticism/ La variance
               en philologie et dans la critique génétique
             </a>
@@ -151,8 +148,7 @@ export default ({ posY, scroll }) => {
             University of Coimbra, Biblioteca Geral: International Congress “
             <a
               href="http://www.uc.pt/bguc/500anos/Congresso_internacional"
-              target="new"
-            >
+              target="new">
               A Biblioteca da Universidade: Permanências e Metamorfoses
             </a>
             ” (January 16-18, 2014; coord. J. A. Cardoso Bernardes)
@@ -172,8 +168,7 @@ export default ({ posY, scroll }) => {
             Los Andes University, Bogotá: International conference “
             <a
               href="https://ilusionymaterialidad.wordpress.com/programa-2/"
-              target="new"
-            >
+              target="new">
               Ilusión y materialidad de los archivos literarios
             </a>
             , ” organized by Universidad de los Andes, Instituto Caro y Cuervo
@@ -202,8 +197,7 @@ export default ({ posY, scroll }) => {
             University of Grenoble: Symposium “
             <a
               href="http://www.nedimah.eu/reports/toward-new-social-contract-between-publishers-and-editors"
-              target="new"
-            >
+              target="new">
               Toward a New Social Contract between Publishers and Editors
             </a>
             ,” organized by the Network for Digital Methods in the Arts and
@@ -215,8 +209,7 @@ export default ({ posY, scroll }) => {
             University of Rome La Sapienza: Symposium “
             <a
               href="http://www.disp.let.uniroma1.it/archivionotizie/ecd/dce-edizioni-confronto/comparing-editions"
-              target="new"
-            >
+              target="new">
               Edizioni Critiche Digitali: Edizioni a Confronto / Digital
               Critical Editions: Comparing Editions
             </a>
@@ -229,8 +222,7 @@ export default ({ posY, scroll }) => {
             Arts: Symposium “
             <a
               href="https://willson.uga.edu/event/textual-machines-a-spring-symposium-exhibit/"
-              target="new"
-            >
+              target="new">
               Textual Machines
             </a>
             ” (April 17-18, 2015; coord. Jonathan Baillehache)
@@ -253,8 +245,7 @@ export default ({ posY, scroll }) => {
             University of Gothemburg, Center for Digital Humanities:{' '}
             <a
               href="http://cdh.hum.gu.se/Aktuellt/e/?eventId=2355210788"
-              target="new"
-            >
+              target="new">
               Seminar
             </a>{' '}
             (September 24, 2015; coord. Jenny Bergenmar)
@@ -264,8 +255,7 @@ export default ({ posY, scroll }) => {
             (FCSH): International congress “
             <a
               href="https://congressohdpt.wordpress.com/programa/"
-              target="new"
-            >
+              target="new">
               Humanidades Digitais em Portugal: Construir Pontes e Quebrar
               Barreiras na Era Digital
             </a>
@@ -276,14 +266,12 @@ export default ({ posY, scroll }) => {
             (CHSC): International conference “
             <a
               href="http://ahlist.org/conferences/2015-ahlist-coimbra/program/"
-              target="new"
-            >
+              target="new">
               Consilience and Inclusion: Scientific and Cultural Encounters
             </a>
             <a
               href="http://ahlist.org/conferences/2015-ahlist-coimbra/"
-              target="new"
-            ></a>
+              target="new"></a>
             ,” organized by the Association of History, Literature, Science, and
             Technology (November 19-21, 2015; coord. Yonsoo Kim)
           </li>
@@ -291,8 +279,7 @@ export default ({ posY, scroll }) => {
             University of Coimbra, School of Economics: Colloquium “
             <a
               href="https://www.uc.pt/feuc/noticias/2015/novembro15/20151123"
-              target="new"
-            >
+              target="new">
               On/Off: Navegando pelas Culturas Digitais, Tecnologia e
               Conhecimento
             </a>
@@ -329,8 +316,7 @@ export default ({ posY, scroll }) => {
             University of Pisa, Informatica Umanistica:{' '}
             <a
               href="http://www.labcd.unipi.it/seminari/silvestre-a-digital-archive-of-fernando-pessoa/"
-              target="new"
-            >
+              target="new">
               Seminario di Cultura Digitale
             </a>{' '}
             (December 7, 2016; coord. Enrica Salvatori)
@@ -342,8 +328,7 @@ export default ({ posY, scroll }) => {
             University of Lisbon, School of Arts and Humanities:{' '}
             <a
               href="http://www.letras.ulisboa.pt/pt/agenda/conferencia-reimaginar-a-edicao-digital-no-arquivo-livro-do-desassossego"
-              target="new"
-            >
+              target="new">
               Lecture for the Program in Textual Criticism
             </a>
             (January 24, 2017; coords. Esperança Cardeira, Cristina Sobral and
@@ -354,8 +339,7 @@ export default ({ posY, scroll }) => {
             and Information Studies:{' '}
             <a
               href="https://is.gseis.ucla.edu/research/colloquium/"
-              target="new"
-            >
+              target="new">
               Colloquium: Breslauer lecture series
             </a>{' '}
             (February 2, 2017; coord. Johanna Drucker)
@@ -364,8 +348,7 @@ export default ({ posY, scroll }) => {
             Calouste Gulbenkian Foundation:{' '}
             <a
               href="http://casafernandopessoa.cm-lisboa.pt/fileadmin/CASA_FERNANDO_PESSOA/AF_CFP_Congresso_Internacional_FP_2017_Programa_Digital_V3.pdf"
-              target="new"
-            >
+              target="new">
               IV Congresso Internacional Fernando Pessoa
             </a>
             , organizaed by Casa Fernando Pessoa (February 9-11, 2017; coord.
@@ -375,8 +358,7 @@ export default ({ posY, scroll }) => {
             Fernando Pessoa University, Porto: International conference “
             <a
               href="https://conference.eliterature.org/2017/conference"
-              target="new"
-            >
+              target="new">
               ELO 2017: Affiliations, Communities, Translations
             </a>
             ” (July 18-22, 2017; coords. Rui Torres and Sandy Baldwin)
diff --git a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-es.jsx
index 3bdbc2b35..700418853 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-es.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+export default ({ posY }) => {
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Agradecimientos</h1>
@@ -82,8 +82,7 @@ export default ({ posY, scroll }) => {
             (FCSH): VI Seminário “
             <a
               href="http://elab.fcsh.unl.pt/actividades/estranhar-pessoa-vi-seminario"
-              target="new"
-            >
+              target="new">
               Assuntos Materiais
             </a>
             ”, organizado por el Proyecto “Estranhar Pessoa” (7 de febrero de
@@ -95,8 +94,7 @@ export default ({ posY, scroll }) => {
             Database”, organizado por el Proyecto “
             <a
               href="https://www.westernsydney.edu.au/writing_and_society/research/past_research_projects/creative_nation_writers_and_writing_in_the_new_media_culture"
-              target="new"
-            >
+              target="new">
               Creative Nation: Writers and Writing in the New Media Culture
             </a>
             ” (10 de junio de 2013; coords. Anna Gibbs y Maria Angel){' '}
@@ -129,8 +127,7 @@ export default ({ posY, scroll }) => {
             modernes (ITEM): “
             <a
               href="https://textualscholarship.files.wordpress.com/2015/04/programme-ests-paris-conference-2013.pdf"
-              target="new"
-            >
+              target="new">
               Variance in Textual Scholarship and Genetic Criticism/ La variance
               en philologie et dans la critique génétique
             </a>{' '}
@@ -146,8 +143,7 @@ export default ({ posY, scroll }) => {
             Universidad de Coimbra, Biblioteca Geral: Congreso internacional “
             <a
               href="http://www.uc.pt/bguc/500anos/Congresso_internacional"
-              target="new"
-            >
+              target="new">
               A Biblioteca da Universidade: Permanências e Metamorfoses
             </a>
             ” (16-18 de enero de 2014; coord. J. A. Cardoso Bernardes){' '}
@@ -167,8 +163,7 @@ export default ({ posY, scroll }) => {
             Universidad de Los Andes, Bogotá: Coloquio internacional “
             <a
               href="https://ilusionymaterialidad.wordpress.com/programa-2/"
-              target="new"
-            >
+              target="new">
               Ilusión y materialidad de los archivos literarios
             </a>
             ”, organizado por la Universidad de los Andes, Instituto Caro y
@@ -197,8 +192,7 @@ export default ({ posY, scroll }) => {
             University of Grenoble: Symposium “
             <a
               href="http://www.nedimah.eu/reports/toward-new-social-contract-between-publishers-and-editors"
-              target="new"
-            >
+              target="new">
               Toward a New Social Contract between Publishers and Editors
             </a>
             ,” organizado por la Network for Digital Methods in the Arts and
@@ -210,8 +204,7 @@ export default ({ posY, scroll }) => {
             Universidad de Roma La Sapienza: Simposio “
             <a
               href="http://www.disp.let.uniroma1.it/archivionotizie/ecd/dce-edizioni-confronto/comparing-editions"
-              target="new"
-            >
+              target="new">
               Edizioni Critiche Digitali: Edizioni a Confronto / Digital
               Critical Editions: Comparing Editions
             </a>
@@ -224,8 +217,7 @@ export default ({ posY, scroll }) => {
             Arts: Simposio “
             <a
               href="https://willson.uga.edu/event/textual-machines-a-spring-symposium-exhibit/"
-              target="new"
-            >
+              target="new">
               Textual Machines
             </a>
             ” (17-18 de abril, 2015; coord. Jonathan Baillehache)
@@ -248,8 +240,7 @@ export default ({ posY, scroll }) => {
             Universidad de Gotemburgo, Centro de Humanidades Digitales:{' '}
             <a
               href="http://cdh.hum.gu.se/Aktuellt/e/?eventId=2355210788"
-              target="new"
-            >
+              target="new">
               Seminario
             </a>{' '}
             (24 de septiembre de 2015; coord. Jenny Bergenmar)
@@ -259,8 +250,7 @@ export default ({ posY, scroll }) => {
             (FCSH): Congreso internacional “
             <a
               href="https://congressohdpt.wordpress.com/programa/"
-              target="new"
-            >
+              target="new">
               Humanidades Digitais em Portugal: Construir Pontes e Quebrar
               Barreiras na Era Digital
             </a>
@@ -271,14 +261,12 @@ export default ({ posY, scroll }) => {
             Cultura (CHSC): Coloquio internacional “
             <a
               href="http://ahlist.org/conferences/2015-ahlist-coimbra/program/"
-              target="new"
-            >
+              target="new">
               Consilience and Inclusion: Scientific and Cultural Encounters
             </a>
             <a
               href="http://ahlist.org/conferences/2015-ahlist-coimbra/"
-              target="new"
-            ></a>
+              target="new"></a>
             ”, organizado por la Asociación de Historia, Literatura, Ciencia, y
             Tecnología (19-21 de noviembre de 2015; coord. Yonsoo Kim)
           </li>
@@ -286,8 +274,7 @@ export default ({ posY, scroll }) => {
             Universidad de Coimbra, Facultad de Economia: Coloquio “
             <a
               href="https://www.uc.pt/feuc/noticias/2015/novembro15/20151123"
-              target="new"
-            >
+              target="new">
               On/Off: Navegando pelas Culturas Digitais, Tecnologia e
               Conhecimento
             </a>
@@ -325,8 +312,7 @@ export default ({ posY, scroll }) => {
             Universidad de Pisa, Informatica Umanistica:{' '}
             <a
               href="http://www.labcd.unipi.it/seminari/silvestre-a-digital-archive-of-fernando-pessoa/"
-              target="new"
-            >
+              target="new">
               Seminario di Cultura Digitale
             </a>{' '}
             (7 de diciembre de 2016; coord. Enrica Salvatori)
@@ -338,8 +324,7 @@ export default ({ posY, scroll }) => {
             Universidad de Lisboa, Facultad de Letras:{' '}
             <a
               href="http://www.letras.ulisboa.pt/pt/agenda/conferencia-reimaginar-a-edicao-digital-no-arquivo-livro-do-desassossego"
-              target="new"
-            >
+              target="new">
               Conferencia del Programa em Crítica Textual
             </a>{' '}
             (24 de enero de 2017; coords. Esperança Cardeira, Cristina Sobral y
@@ -350,8 +335,7 @@ export default ({ posY, scroll }) => {
             Education and Information Studies:{' '}
             <a
               href="https://is.gseis.ucla.edu/research/colloquium/"
-              target="new"
-            >
+              target="new">
               Colloquium: Breslauer lecture series
             </a>{' '}
             (2 de febrero de 2017; coord. Johanna Drucker)
@@ -360,8 +344,7 @@ export default ({ posY, scroll }) => {
             Fundación Calouste Gulbenkian:{' '}
             <a
               href="http://casafernandopessoa.cm-lisboa.pt/fileadmin/CASA_FERNANDO_PESSOA/AF_CFP_Congresso_Internacional_FP_2017_Programa_Digital_V3.pdf"
-              target="new"
-            >
+              target="new">
               IV Congreso Internacional Fernando Pessoa
             </a>
             , organizado por la Casa Fernando Pessoa (9-11 de febrero de 2017;
@@ -371,8 +354,7 @@ export default ({ posY, scroll }) => {
             Universidad Fernando Pessoa, Porto: Coloquio internacional “
             <a
               href="https://conference.eliterature.org/2017/conference"
-              target="new"
-            >
+              target="new">
               ELO 2017: Affiliations, Communities, Translations
             </a>
             ” (18-22 de julio de 2017; coords. Rui Torres y Sandy Baldwin)
diff --git a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-pt.jsx
index dd578e816..e12693dd9 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+export default ({ posY }) => {
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Agradecimentos</h1>
@@ -86,8 +86,7 @@ export default ({ posY, scroll }) => {
           (FCSH):VI Seminário “
           <a
             href="http://elab.fcsh.unl.pt/actividades/estranhar-pessoa-vi-seminario"
-            target="new"
-          >
+            target="new">
             Assuntos Materiais
           </a>
           ”, organizado pelo Projeto “Estranhar Pessoa” (7 de fevereiro de 2013;
@@ -99,8 +98,7 @@ export default ({ posY, scroll }) => {
           organizado pelo Projeto “
           <a
             href="https://www.westernsydney.edu.au/writing_and_society/research/past_research_projects/creative_nation_writers_and_writing_in_the_new_media_culture"
-            target="new"
-          >
+            target="new">
             Creative Nation: Writers and Writing in the New Media Culture
           </a>
           ” (10 de junho de 2013; coords. Anna Gibbs e Maria Angel)
@@ -135,8 +133,7 @@ export default ({ posY, scroll }) => {
           modernes (ITEM): “
           <a
             href="https://textualscholarship.files.wordpress.com/2015/04/programme-ests-paris-conference-2013.pdf"
-            target="new"
-          >
+            target="new">
             Variance in Textual Scholarship and Genetic Criticism/ La variance
             en philologie et dans la critique génétique
           </a>{' '}
@@ -152,8 +149,7 @@ export default ({ posY, scroll }) => {
           Universidade de Coimbra, Biblioteca Geral: Congresso internacional “
           <a
             href="http://www.uc.pt/bguc/500anos/Congresso_internacional"
-            target="new"
-          >
+            target="new">
             A Biblioteca da Universidade: Permanências e Metamorfoses
           </a>
           ” (16-18 de janeiro de 2014; coord. J. A. Cardoso Bernardes)
@@ -173,8 +169,7 @@ export default ({ posY, scroll }) => {
           Universidade de Los Andes, Bogotá: Colóquio internacional “
           <a
             href="https://ilusionymaterialidad.wordpress.com/programa-2/"
-            target="new"
-          >
+            target="new">
             Ilusión y materialidad de los archivos literarios
           </a>
           ”, organizado pela Universidad de los Andes, Instituto Caro y Cuervo e
@@ -202,8 +197,7 @@ export default ({ posY, scroll }) => {
           Universidade de Grenoble: Simpósio “
           <a
             href="http://www.nedimah.eu/reports/toward-new-social-contract-between-publishers-and-editors"
-            target="new"
-          >
+            target="new">
             Toward a New Social Contract between Publishers and Editors
           </a>
           ”, organizado pela Network for Digital Methods in the Arts and
@@ -215,8 +209,7 @@ export default ({ posY, scroll }) => {
           Universidade de Roma La Sapienza: Simpósio “
           <a
             href="http://www.disp.let.uniroma1.it/archivionotizie/ecd/dce-edizioni-confronto/comparing-editions"
-            target="new"
-          >
+            target="new">
             Edizioni Critiche Digitali: Edizioni a Confronto / Digital Critical
             Editions: Comparing Editions
           </a>
@@ -229,8 +222,7 @@ export default ({ posY, scroll }) => {
           Arts: Simpósio “
           <a
             href="https://willson.uga.edu/event/textual-machines-a-spring-symposium-exhibit/"
-            target="new"
-          >
+            target="new">
             Textual Machines
           </a>
           ” (April 17-18, 2015; coord. Jonathan Baillehache)
@@ -252,8 +244,7 @@ export default ({ posY, scroll }) => {
           Universidade de Gotemburgo, Centro de Humanidades Digitais:{' '}
           <a
             href="http://cdh.hum.gu.se/Aktuellt/e/?eventId=2355210788"
-            target="new"
-          >
+            target="new">
             Seminário
           </a>{' '}
           (24 de setembro de 2015; coord. Jenny Bergenmar)
@@ -272,14 +263,12 @@ export default ({ posY, scroll }) => {
           (CHSC): Colóquio internacional “
           <a
             href="http://ahlist.org/conferences/2015-ahlist-coimbra/program/"
-            target="new"
-          >
+            target="new">
             Consilience and Inclusion: Scientific and Cultural Encounters
           </a>
           <a
             href="http://ahlist.org/conferences/2015-ahlist-coimbra/"
-            target="new"
-          ></a>
+            target="new"></a>
           ”, organizado pela Association of History, Literature, Science, and
           Technology (19-21 de novembro de 2015; coord. Yonsoo Kim)
         </li>
@@ -287,8 +276,7 @@ export default ({ posY, scroll }) => {
           Universidade de Coimbra, Faculdade de Economia: Colóquio “
           <a
             href="https://www.uc.pt/feuc/noticias/2015/novembro15/20151123"
-            target="new"
-          >
+            target="new">
             On/Off: Navegando pelas Culturas Digitais, Tecnologia e Conhecimento
           </a>
           ”, organizado pela Secção “Arte, Cultura e Comunicação“ da Associação
@@ -325,8 +313,7 @@ export default ({ posY, scroll }) => {
           Universidade de Pisa, Informatica Umanistica:{' '}
           <a
             href="http://www.labcd.unipi.it/seminari/silvestre-a-digital-archive-of-fernando-pessoa/"
-            target="new"
-          >
+            target="new">
             Seminario di Cultura Digitale
           </a>{' '}
           (7 de dezembro de 2016; coord. Enrica Salvatori)
@@ -338,8 +325,7 @@ export default ({ posY, scroll }) => {
           Universidade de Lisboa, Faculdade de Letras:{' '}
           <a
             href="http://www.letras.ulisboa.pt/pt/agenda/conferencia-reimaginar-a-edicao-digital-no-arquivo-livro-do-desassossego"
-            target="new"
-          >
+            target="new">
             Conferência do Programa em Crítica Textual
           </a>{' '}
           (24 de janeiro de 2017; coords. Esperança Cardeira, Cristina Sobral e
@@ -357,8 +343,7 @@ export default ({ posY, scroll }) => {
           Fundação Calouste Gulbenkian:{' '}
           <a
             href="http://casafernandopessoa.cm-lisboa.pt/fileadmin/CASA_FERNANDO_PESSOA/AF_CFP_Congresso_Internacional_FP_2017_Programa_Digital_V3.pdf"
-            target="new"
-          >
+            target="new">
             IV Congresso Internacional Fernando Pessoa
           </a>
           , organizado pela Casa Fernando Pessoa (9-11 de fevereiro de 2017;
@@ -368,8 +353,7 @@ export default ({ posY, scroll }) => {
           Universidade Fernando Pessoa, Porto: Colóquio internacional “
           <a
             href="https://conference.eliterature.org/2017/conference"
-            target="new"
-          >
+            target="new">
             ELO 2017: Affiliations, Communities, Translations
           </a>
           ” (18-22 de julho de 2017; coords. Rui Torres e Sandy Baldwin)
diff --git a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack.jsx b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack.jsx
index 73b420978..7d1ec8774 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/Ack/Ack.jsx
@@ -1,11 +1,18 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default ({ scroll }) => {
+export default ({ language }) => {
   const [top, setTop] = useState(true);
-  const Ack = lazy(() => import(`./Ack-${getLanguage()}.jsx`));
+  const Ack = lazy(() => import(`./Ack-${language}.jsx`));
 
-  useEffect(() => setTop(false));
+  console.log('teste');
 
-  return <Ack scroll={scroll} posY={top ? 0 : window.scrollY} />;
+  useEffect(() => {
+    setTop(false);
+  }, []);
+  return (
+    <Suspense fallback={<Loading />}>
+      <Ack posY={top ? 0 : window.scrollY} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-en.jsx
index fa6435346..f23baf931 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-en.jsx
@@ -4,7 +4,7 @@ export default ({ posY, scroll }) => {
   useEffect(() => window.scrollTo({ top: posY }));
   return (
     <>
-      <h1 class="text-center">Frequently Asked Questions</h1>
+      <h1 className="text-center">Frequently Asked Questions</h1>
       <p>&nbsp;</p>
 
       <h4>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-es.jsx
index 64f6c3a3b..7e32ad2d2 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq-es.jsx
@@ -4,7 +4,7 @@ export default ({ posY, scroll }) => {
   useEffect(() => window.scrollTo({ top: posY }));
   return (
     <>
-      <h1 class="text-center">Preguntas Frecuentes</h1>
+      <h1 className="text-center">Preguntas Frecuentes</h1>
       <p>&nbsp;</p>
 
       <h4>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq.jsx b/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq.jsx
index d214c614c..e0c7a3189 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/Faq/Faq.jsx
@@ -1,11 +1,16 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default ({ scroll }) => {
+export default ({ scroll, language }) => {
   const [top, setTop] = useState(true);
-  const Faq = lazy(() => import(`./Faq-${getLanguage()}.jsx`));
+  const Faq = lazy(() => import(`./Faq-${language}.jsx`));
 
-  useEffect(() => setTop(false));
-
-  return <Faq scroll={scroll} posY={top ? 0 : window.scrollY} />;
+  useEffect(() => {
+    setTop(false);
+  }, []);
+  return (
+    <Suspense fallback={<Loading />}>
+      <Faq scroll={scroll} posY={top ? 0 : window.scrollY} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-es.jsx
index 38a2ddec0..a5c5ddbc5 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-es.jsx
@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 
 export default ({ posY }) => {
   useEffect(() => {
-    window.scrollTo({ top: posY});
+    window.scrollTo({ top: posY });
   }, []);
   return (
     <div>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-pt.jsx
index e7c22b28a..fd0e74283 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/archive/Archive-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <div>
       <p className="ldod-about semibold">
diff --git a/microfrontend-vite/src/microfrontends/about/pages/archive/Archive.jsx b/microfrontend-vite/src/microfrontends/about/pages/archive/Archive.jsx
index 420ba59ad..9f48c934b 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/archive/Archive.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/archive/Archive.jsx
@@ -1,18 +1,22 @@
-import { lazy, useEffect, useState } from 'react';
-import { useStore } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default () => {
-  const { language } = useStore();
+export default ({ language }) => {
   const [top, setTop] = useState(true);
 
-  useEffect(() => setTop(false));
+  useEffect(() => {
+    setTop(false);
+  }, []);
 
   const Archive = lazy(() => import(`./Archive-${language}.jsx`));
 
   return (
     <div className="ldod-default">
       <p>&nbsp;</p>
-      <Archive posY={top ? 0 : window.scrollY} />
+      <Suspense fallback={<Loading />}>
+        {' '}
+        <Archive posY={top ? 0 : window.scrollY} />
+      </Suspense>
     </div>
   );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-en.jsx
index 6f07b7642..0aa50c8ed 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-en.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Bibliography</h1>
@@ -56,8 +56,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_3"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_3
         </a>{' '}
         <br />
@@ -73,8 +72,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_1"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_1
         </a>{' '}
         <br />
@@ -96,8 +94,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://tidsskrift.dk/daimipb/article/view/13587/11586"
-          target="_new"
-        >
+          target="_new">
           https://tidsskrift.dk/daimipb/article/view/13587/11586
         </a>{' '}
         <br />
@@ -118,8 +115,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://tei-c.org/Vault/MembersMeetings/2013/wp-content/uploads/2013/09/book-abstracts.pdf"
-          target="_new"
-        >
+          target="_new">
           https://tei-c.org/Vault/MembersMeetings/2013/wp-content/uploads/2013/09/book-abstracts.pdf
         </a>{' '}
       </p>
@@ -138,8 +134,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://academic.oup.com/dsh/article-abstract/30/3/354/345465"
-          target="_new"
-        >
+          target="_new">
           https://academic.oup.com/dsh/article-abstract/30/3/354/345465
         </a>{' '}
         <br />
@@ -155,8 +150,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://scholarworks.iu.edu/journals/index.php/textual/article/view/12752/28916"
-          target="_new"
-        >
+          target="_new">
           https://scholarworks.iu.edu/journals/index.php/textual/article/view/12752/28916
         </a>{' '}
         <br />
@@ -191,8 +185,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/44734"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/44734
         </a>{' '}
       </p>
@@ -205,8 +198,7 @@ export default ({ posY, scroll }) => {
         DOI:{' '}
         <a
           href="https://dx.doi.org/10.14195/978-989-26-1045-0_14"
-          target="_new"
-        >
+          target="_new">
           https://dx.doi.org/10.14195/978-989-26-1045-0_14
         </a>{' '}
       </p>
@@ -222,8 +214,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://periodicos.ufsc.br/index.php/textodigital/article/download/1807-9288.2016v12n1p54/32358"
-          target="_new"
-        >
+          target="_new">
           https://periodicos.ufsc.br/index.php/textodigital/article/download/1807-9288.2016v12n1p54/32358
         </a>{' '}
         <br />
@@ -240,8 +231,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://ejournals.lib.auth.gr/gramma/article/download/5401/5295"
-          target="_new"
-        >
+          target="_new">
           https://ejournals.lib.auth.gr/gramma/article/download/5401/5295
         </a>{' '}
         <br />
@@ -268,8 +258,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/43431"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/43431
         </a>{' '}
       </p>
@@ -301,8 +290,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://thewritingplatform.com/2017/07/book-disquiet-archive-collaborative-textual-environment-digital-archive-digital-simulator/"
-          target="_new"
-        >
+          target="_new">
           https://thewritingplatform.com/2017/07/book-disquiet-archive-collaborative-textual-environment-digital-archive-digital-simulator/
         </a>
       </p>
@@ -314,8 +302,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/44304"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/44304
         </a>
       </p>
@@ -337,8 +324,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_6-3_5"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_6-3_5
         </a>{' '}
         <br />
@@ -364,8 +350,7 @@ export default ({ posY, scroll }) => {
         DOI:{' '}
         <a
           href="https://link.springer.com/chapter/10.1007%2F978-3-030-34058-2_25"
-          target="_new"
-        >
+          target="_new">
           https://link.springer.com/chapter/10.1007%2F978-3-030-34058-2_25
         </a>{' '}
       </p>
@@ -381,8 +366,7 @@ export default ({ posY, scroll }) => {
         Fernando Pessoa. 5-11. URL:{' '}
         <a
           href="https://www.casafernandopessoa.pt/download_file/342/0"
-          target="_new"
-        >
+          target="_new">
           https://www.casafernandopessoa.pt/download_file/342/0
         </a>
       </p>
@@ -393,8 +377,7 @@ export default ({ posY, scroll }) => {
         Fernando Pessoa. 21-30. URL:{' '}
         <a
           href="https://www.casafernandopessoa.pt/download_file/342/0"
-          target="_new"
-        >
+          target="_new">
           https://www.casafernandopessoa.pt/download_file/342/0
         </a>
       </p>
@@ -422,8 +405,7 @@ export default ({ posY, scroll }) => {
         Nature Switzerland AG. 313-319. DOI:{' '}
         <a
           href="https://link.springer.com/chapter/10.1007%2F978-3-030-64452-9_29"
-          target="_new"
-        >
+          target="_new">
           https://link.springer.com/chapter/10.1007%2F978-3-030-64452-9_29
         </a>{' '}
       </p>
@@ -450,8 +432,7 @@ export default ({ posY, scroll }) => {
         In-Out-In Metaphor.” <em>Digital Humanities Quarterly </em> 15.3.{' '}
         <a
           href="http://digitalhumanities.org/dhq/vol/15/3/000569/000569.html"
-          target="_new"
-        >
+          target="_new">
           http://digitalhumanities.org/dhq/vol/15/3/000569/000569.html
         </a>{' '}
       </p>
@@ -472,8 +453,7 @@ export default ({ posY, scroll }) => {
         . New York: Bloomsbury Academic. URL:{' '}
         <a
           href="https://www.bloomsbury.com/ca/literary-simulation-and-the-digital-humanities-9781501385407/"
-          target="_new"
-        >
+          target="_new">
           https://www.bloomsbury.com/ca/literary-simulation-and-the-digital-humanities-9781501385407/
         </a>{' '}
       </p>
@@ -523,8 +503,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/846778572211152"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/846778572211152
         </a>
       </p>
@@ -564,8 +543,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054227"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054227
         </a>
       </p>
@@ -580,8 +558,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054238"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054238
         </a>
       </p>
@@ -596,8 +573,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790314"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790314
         </a>
       </p>
@@ -616,8 +592,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790395"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790395
         </a>
       </p>
@@ -630,8 +605,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1691203502343425"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1691203502343425
         </a>{' '}
       </p>
@@ -652,8 +626,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_6"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_6
         </a>{' '}
         <br />
@@ -678,8 +651,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_8"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_8
         </a>{' '}
         <br />
@@ -705,8 +677,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_5"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_5
         </a>{' '}
         <br />
@@ -745,8 +716,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_4"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_4
         </a>{' '}
         <br />
@@ -767,8 +737,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9782&amp;org=I&amp;orgp=188"
-          target="_new"
-        >
+          target="_new">
           http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9782&amp;org=I&amp;orgp=188
         </a>{' '}
       </p>
@@ -780,8 +749,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9780&amp;org=I&amp;orgp=188"
-          target="_new"
-        >
+          target="_new">
           http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9780&amp;org=I&amp;orgp=188
         </a>{' '}
       </p>
@@ -793,8 +761,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2517"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2517
         </a>{' '}
         <br />
@@ -816,8 +783,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/rel/article/view/4308/3686"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/rel/article/view/4308/3686
         </a>
         <br />
@@ -837,8 +803,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.4/19981"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.4/19981
         </a>{' '}
         <br />
@@ -879,8 +844,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://www.blogletras.com/2013/12/livro-do-desassossego-o-romance.html"
-          target="_new"
-        >
+          target="_new">
           http://www.blogletras.com/2013/12/livro-do-desassossego-o-romance.html
         </a>
       </p>
@@ -890,8 +854,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_2"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_2
         </a>{' '}
         <br />
@@ -911,8 +874,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_3"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_3
         </a>{' '}
         <br />
@@ -933,8 +895,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.2/19979"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.2/19979
         </a>{' '}
         <br />
@@ -949,8 +910,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.6/20057"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.6/20057
         </a>{' '}
         <br />
@@ -967,16 +927,14 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://www.periodicos.letras.ufmg.br/index.php/cesp/article/view/11386/9886"
-          target="_new"
-        >
+          target="_new">
           http://www.periodicos.letras.ufmg.br/index.php/cesp/article/view/11386/9886
         </a>
         <br />
         DOI:{' '}
         <a
           href="http://dx.doi.org/10.17851/2359-0076.36.55.11-27 "
-          target="_new"
-        >
+          target="_new">
           http://dx.doi.org/10.17851/2359-0076.36.55.11-27
         </a>
       </p>
@@ -987,8 +945,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.3/19980"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.3/19980
         </a>{' '}
         <br />
@@ -1005,8 +962,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://oajournals.fupress.net/index.php/bsfm-lea/article/view/7716"
-          target="_new"
-        >
+          target="_new">
           https://oajournals.fupress.net/index.php/bsfm-lea/article/view/7716
         </a>{' '}
         <br />
@@ -1022,8 +978,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.1/20058"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.1/20058
         </a>{' '}
         <br />
@@ -1039,8 +994,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.5/19982"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.5/19982
         </a>{' '}
         <br />
@@ -1758,8 +1712,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://observador.pt/2017/12/13/o-arquivo-digital-do-livro-do-desassossego-ja-esta-online-e-tem-muitas-historias-para-contar"
-          target="_new"
-        >
+          target="_new">
           https://observador.pt/2017/12/13/o-arquivo-digital-do-livro-do-desassossego-ja-esta-online-e-tem-muitas-historias-para-contar
         </a>
       </p>
@@ -1770,8 +1723,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://www.publico.pt/2017/12/14/culturaipsilon/noticia/um-arquivo-digital-do-livro-do-desassossego-para-ler-e-mexer-1795920"
-          target="_new"
-        >
+          target="_new">
           https://www.publico.pt/2017/12/14/culturaipsilon/noticia/um-arquivo-digital-do-livro-do-desassossego-para-ler-e-mexer-1795920
         </a>
       </p>
@@ -1817,8 +1769,7 @@ export default ({ posY, scroll }) => {
         Federal de Pernambuco. URL:
         <a
           href="https://repositorio.ufpe.br/handle/123456789/38150"
-          target="_new"
-        >
+          target="_new">
           https://repositorio.ufpe.br/handle/123456789/38150
         </a>{' '}
       </p>
@@ -1828,8 +1779,7 @@ export default ({ posY, scroll }) => {
         <em>RHD: Revista de Humanidades Digitales</em> 5: 189-96. URL:{' '}
         <a
           href="http://revistas.uned.es/index.php/RHD/article/view/24237/22269"
-          target="_new"
-        >
+          target="_new">
           http://revistas.uned.es/index.php/RHD/article/view/24237/22269
         </a>
       </p>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-es.jsx
index c7fedd522..718d5c245 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-es.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Bibliografía</h1>
@@ -57,8 +57,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_3"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_3
         </a>{' '}
         <br />
@@ -74,8 +73,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_1"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_1
         </a>{' '}
         <br />
@@ -97,8 +95,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://tidsskrift.dk/daimipb/article/view/13587/11586"
-          target="_new"
-        >
+          target="_new">
           https://tidsskrift.dk/daimipb/article/view/13587/11586
         </a>{' '}
         <br />
@@ -119,8 +116,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://tei-c.org/Vault/MembersMeetings/2013/wp-content/uploads/2013/09/book-abstracts.pdf"
-          target="_new"
-        >
+          target="_new">
           https://tei-c.org/Vault/MembersMeetings/2013/wp-content/uploads/2013/09/book-abstracts.pdf
         </a>{' '}
       </p>
@@ -139,8 +135,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://academic.oup.com/dsh/article-abstract/30/3/354/345465"
-          target="_new"
-        >
+          target="_new">
           https://academic.oup.com/dsh/article-abstract/30/3/354/345465
         </a>{' '}
         <br />
@@ -156,8 +151,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://scholarworks.iu.edu/journals/index.php/textual/article/view/12752/28916"
-          target="_new"
-        >
+          target="_new">
           https://scholarworks.iu.edu/journals/index.php/textual/article/view/12752/28916
         </a>{' '}
         <br />
@@ -192,8 +186,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/44734"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/44734
         </a>{' '}
       </p>
@@ -206,8 +199,7 @@ export default ({ posY, scroll }) => {
         DOI:{' '}
         <a
           href="https://dx.doi.org/10.14195/978-989-26-1045-0_14"
-          target="_new"
-        >
+          target="_new">
           https://dx.doi.org/10.14195/978-989-26-1045-0_14
         </a>{' '}
       </p>
@@ -223,8 +215,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://periodicos.ufsc.br/index.php/textodigital/article/download/1807-9288.2016v12n1p54/32358"
-          target="_new"
-        >
+          target="_new">
           https://periodicos.ufsc.br/index.php/textodigital/article/download/1807-9288.2016v12n1p54/32358
         </a>{' '}
         <br />
@@ -241,8 +232,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://ejournals.lib.auth.gr/gramma/article/download/5401/5295"
-          target="_new"
-        >
+          target="_new">
           https://ejournals.lib.auth.gr/gramma/article/download/5401/5295
         </a>{' '}
         <br />
@@ -269,8 +259,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/43431"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/43431
         </a>{' '}
       </p>
@@ -302,8 +291,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://thewritingplatform.com/2017/07/book-disquiet-archive-collaborative-textual-environment-digital-archive-digital-simulator/"
-          target="_new"
-        >
+          target="_new">
           https://thewritingplatform.com/2017/07/book-disquiet-archive-collaborative-textual-environment-digital-archive-digital-simulator/
         </a>
       </p>
@@ -315,8 +303,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/44304"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/44304
         </a>
       </p>
@@ -338,8 +325,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_6-3_5"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_6-3_5
         </a>{' '}
         <br />
@@ -365,8 +351,7 @@ export default ({ posY, scroll }) => {
         DOI:{' '}
         <a
           href="https://link.springer.com/chapter/10.1007%2F978-3-030-34058-2_25"
-          target="_new"
-        >
+          target="_new">
           https://link.springer.com/chapter/10.1007%2F978-3-030-34058-2_25
         </a>{' '}
       </p>
@@ -382,8 +367,7 @@ export default ({ posY, scroll }) => {
         Fernando Pessoa. 5-11. URL:{' '}
         <a
           href="https://www.casafernandopessoa.pt/download_file/342/0"
-          target="_new"
-        >
+          target="_new">
           https://www.casafernandopessoa.pt/download_file/342/0
         </a>
       </p>
@@ -394,8 +378,7 @@ export default ({ posY, scroll }) => {
         Fernando Pessoa. 21-30. URL:{' '}
         <a
           href="https://www.casafernandopessoa.pt/download_file/342/0"
-          target="_new"
-        >
+          target="_new">
           https://www.casafernandopessoa.pt/download_file/342/0
         </a>
       </p>
@@ -423,8 +406,7 @@ export default ({ posY, scroll }) => {
         Nature Switzerland AG. 313-319. DOI:{' '}
         <a
           href="https://link.springer.com/chapter/10.1007%2F978-3-030-64452-9_29"
-          target="_new"
-        >
+          target="_new">
           https://link.springer.com/chapter/10.1007%2F978-3-030-64452-9_29
         </a>{' '}
       </p>
@@ -451,8 +433,7 @@ export default ({ posY, scroll }) => {
         In-Out-In Metaphor.” <em>Digital Humanities Quarterly </em> 15.3.{' '}
         <a
           href="http://digitalhumanities.org/dhq/vol/15/3/000569/000569.html"
-          target="_new"
-        >
+          target="_new">
           http://digitalhumanities.org/dhq/vol/15/3/000569/000569.html
         </a>{' '}
       </p>
@@ -473,8 +454,7 @@ export default ({ posY, scroll }) => {
         . New York: Bloomsbury Academic. URL:{' '}
         <a
           href="https://www.bloomsbury.com/ca/literary-simulation-and-the-digital-humanities-9781501385407/"
-          target="_new"
-        >
+          target="_new">
           https://www.bloomsbury.com/ca/literary-simulation-and-the-digital-humanities-9781501385407/
         </a>{' '}
       </p>
@@ -525,8 +505,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/846778572211152"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/846778572211152
         </a>
       </p>
@@ -566,8 +545,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054227"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054227
         </a>
       </p>
@@ -582,8 +560,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054238"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054238
         </a>
       </p>
@@ -598,8 +575,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790314"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790314
         </a>
       </p>
@@ -618,8 +594,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790395"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790395
         </a>
       </p>
@@ -632,8 +607,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1691203502343425"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1691203502343425
         </a>{' '}
       </p>
@@ -654,8 +628,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_6"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_6
         </a>{' '}
         <br />
@@ -680,8 +653,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_8"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_8
         </a>{' '}
         <br />
@@ -707,8 +679,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_5"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_5
         </a>{' '}
         <br />
@@ -747,8 +718,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_4"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_4
         </a>{' '}
         <br />
@@ -769,8 +739,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9782&amp;org=I&amp;orgp=188"
-          target="_new"
-        >
+          target="_new">
           http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9782&amp;org=I&amp;orgp=188
         </a>{' '}
       </p>
@@ -782,8 +751,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9780&amp;org=I&amp;orgp=188"
-          target="_new"
-        >
+          target="_new">
           http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9780&amp;org=I&amp;orgp=188
         </a>{' '}
       </p>
@@ -795,8 +763,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2517"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2517
         </a>{' '}
         <br />
@@ -818,8 +785,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/rel/article/view/4308/3686"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/rel/article/view/4308/3686
         </a>
         <br />
@@ -839,8 +805,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.4/19981"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.4/19981
         </a>{' '}
         <br />
@@ -881,8 +846,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://www.blogletras.com/2013/12/livro-do-desassossego-o-romance.html"
-          target="_new"
-        >
+          target="_new">
           http://www.blogletras.com/2013/12/livro-do-desassossego-o-romance.html
         </a>
       </p>
@@ -892,8 +856,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_2"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_2
         </a>{' '}
         <br />
@@ -913,8 +876,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_3"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_3
         </a>{' '}
         <br />
@@ -935,8 +897,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.2/19979"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.2/19979
         </a>{' '}
         <br />
@@ -951,8 +912,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.6/20057"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.6/20057
         </a>{' '}
         <br />
@@ -969,16 +929,14 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://www.periodicos.letras.ufmg.br/index.php/cesp/article/view/11386/9886"
-          target="_new"
-        >
+          target="_new">
           http://www.periodicos.letras.ufmg.br/index.php/cesp/article/view/11386/9886
         </a>
         <br />
         DOI:{' '}
         <a
           href="http://dx.doi.org/10.17851/2359-0076.36.55.11-27 "
-          target="_new"
-        >
+          target="_new">
           http://dx.doi.org/10.17851/2359-0076.36.55.11-27
         </a>
       </p>
@@ -989,8 +947,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.3/19980"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.3/19980
         </a>{' '}
         <br />
@@ -1007,8 +964,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://oajournals.fupress.net/index.php/bsfm-lea/article/view/7716"
-          target="_new"
-        >
+          target="_new">
           https://oajournals.fupress.net/index.php/bsfm-lea/article/view/7716
         </a>{' '}
         <br />
@@ -1024,8 +980,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.1/20058"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.1/20058
         </a>{' '}
         <br />
@@ -1041,8 +996,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.5/19982"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.5/19982
         </a>{' '}
         <br />
@@ -1759,8 +1713,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://observador.pt/2017/12/13/o-arquivo-digital-do-livro-do-desassossego-ja-esta-online-e-tem-muitas-historias-para-contar"
-          target="_new"
-        >
+          target="_new">
           https://observador.pt/2017/12/13/o-arquivo-digital-do-livro-do-desassossego-ja-esta-online-e-tem-muitas-historias-para-contar
         </a>
       </p>
@@ -1771,8 +1724,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://www.publico.pt/2017/12/14/culturaipsilon/noticia/um-arquivo-digital-do-livro-do-desassossego-para-ler-e-mexer-1795920"
-          target="_new"
-        >
+          target="_new">
           https://www.publico.pt/2017/12/14/culturaipsilon/noticia/um-arquivo-digital-do-livro-do-desassossego-para-ler-e-mexer-1795920
         </a>
       </p>
@@ -1818,8 +1770,7 @@ export default ({ posY, scroll }) => {
         Federal de Pernambuco. URL:
         <a
           href="https://repositorio.ufpe.br/handle/123456789/38150"
-          target="_new"
-        >
+          target="_new">
           https://repositorio.ufpe.br/handle/123456789/38150
         </a>{' '}
       </p>
@@ -1829,8 +1780,7 @@ export default ({ posY, scroll }) => {
         <em>RHD: Revista de Humanidades Digitales</em> 5: 189-96. URL:{' '}
         <a
           href="http://revistas.uned.es/index.php/RHD/article/view/24237/22269"
-          target="_new"
-        >
+          target="_new">
           http://revistas.uned.es/index.php/RHD/article/view/24237/22269
         </a>
       </p>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-pt.jsx
index aadd3d2ab..03ab98b38 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Bibliografia</h1>
@@ -57,8 +57,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_3"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_3
         </a>{' '}
         <br />
@@ -74,8 +73,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_1"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_1
         </a>{' '}
         <br />
@@ -97,8 +95,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://tidsskrift.dk/daimipb/article/view/13587/11586"
-          target="_new"
-        >
+          target="_new">
           https://tidsskrift.dk/daimipb/article/view/13587/11586
         </a>{' '}
         <br />
@@ -119,8 +116,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://tei-c.org/Vault/MembersMeetings/2013/wp-content/uploads/2013/09/book-abstracts.pdf"
-          target="_new"
-        >
+          target="_new">
           https://tei-c.org/Vault/MembersMeetings/2013/wp-content/uploads/2013/09/book-abstracts.pdf
         </a>{' '}
       </p>
@@ -139,8 +135,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://academic.oup.com/dsh/article-abstract/30/3/354/345465"
-          target="_new"
-        >
+          target="_new">
           https://academic.oup.com/dsh/article-abstract/30/3/354/345465
         </a>{' '}
         <br />
@@ -156,8 +151,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://scholarworks.iu.edu/journals/index.php/textual/article/view/12752/28916"
-          target="_new"
-        >
+          target="_new">
           https://scholarworks.iu.edu/journals/index.php/textual/article/view/12752/28916
         </a>{' '}
         <br />
@@ -192,8 +186,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/44734"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/44734
         </a>{' '}
       </p>
@@ -206,8 +199,7 @@ export default ({ posY, scroll }) => {
         DOI:{' '}
         <a
           href="https://dx.doi.org/10.14195/978-989-26-1045-0_14"
-          target="_new"
-        >
+          target="_new">
           https://dx.doi.org/10.14195/978-989-26-1045-0_14
         </a>{' '}
       </p>
@@ -223,8 +215,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://periodicos.ufsc.br/index.php/textodigital/article/download/1807-9288.2016v12n1p54/32358"
-          target="_new"
-        >
+          target="_new">
           https://periodicos.ufsc.br/index.php/textodigital/article/download/1807-9288.2016v12n1p54/32358
         </a>{' '}
         <br />
@@ -241,8 +232,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://ejournals.lib.auth.gr/gramma/article/download/5401/5295"
-          target="_new"
-        >
+          target="_new">
           https://ejournals.lib.auth.gr/gramma/article/download/5401/5295
         </a>{' '}
         <br />
@@ -269,8 +259,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/43431"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/43431
         </a>{' '}
       </p>
@@ -302,8 +291,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://thewritingplatform.com/2017/07/book-disquiet-archive-collaborative-textual-environment-digital-archive-digital-simulator/"
-          target="_new"
-        >
+          target="_new">
           https://thewritingplatform.com/2017/07/book-disquiet-archive-collaborative-textual-environment-digital-archive-digital-simulator/
         </a>
       </p>
@@ -315,8 +303,7 @@ export default ({ posY, scroll }) => {
         URI:{' '}
         <a
           href="https://estudogeral.sib.uc.pt/handle/10316/44304"
-          target="_new"
-        >
+          target="_new">
           https://estudogeral.sib.uc.pt/handle/10316/44304
         </a>
       </p>
@@ -338,8 +325,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_6-3_5"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_6-3_5
         </a>{' '}
         <br />
@@ -365,8 +351,7 @@ export default ({ posY, scroll }) => {
         DOI:{' '}
         <a
           href="https://link.springer.com/chapter/10.1007%2F978-3-030-34058-2_25"
-          target="_new"
-        >
+          target="_new">
           https://link.springer.com/chapter/10.1007%2F978-3-030-34058-2_25
         </a>{' '}
       </p>
@@ -382,8 +367,7 @@ export default ({ posY, scroll }) => {
         Fernando Pessoa. 5-11. URL:{' '}
         <a
           href="https://www.casafernandopessoa.pt/download_file/342/0"
-          target="_new"
-        >
+          target="_new">
           https://www.casafernandopessoa.pt/download_file/342/0
         </a>
       </p>
@@ -394,8 +378,7 @@ export default ({ posY, scroll }) => {
         Fernando Pessoa. 21-30. URL:{' '}
         <a
           href="https://www.casafernandopessoa.pt/download_file/342/0"
-          target="_new"
-        >
+          target="_new">
           https://www.casafernandopessoa.pt/download_file/342/0
         </a>
       </p>
@@ -423,8 +406,7 @@ export default ({ posY, scroll }) => {
         Nature Switzerland AG. 313-319. DOI:{' '}
         <a
           href="https://link.springer.com/chapter/10.1007%2F978-3-030-64452-9_29"
-          target="_new"
-        >
+          target="_new">
           https://link.springer.com/chapter/10.1007%2F978-3-030-64452-9_29
         </a>{' '}
       </p>
@@ -451,8 +433,7 @@ export default ({ posY, scroll }) => {
         In-Out-In Metaphor.” <em>Digital Humanities Quarterly</em> 15.3.{' '}
         <a
           href="http://digitalhumanities.org/dhq/vol/15/3/000569/000569.html"
-          target="_new"
-        >
+          target="_new">
           http://digitalhumanities.org/dhq/vol/15/3/000569/000569.html
         </a>{' '}
       </p>
@@ -473,8 +454,7 @@ export default ({ posY, scroll }) => {
         . New York: Bloomsbury Academic. URL:{' '}
         <a
           href="https://www.bloomsbury.com/ca/literary-simulation-and-the-digital-humanities-9781501385407/"
-          target="_new"
-        >
+          target="_new">
           https://www.bloomsbury.com/ca/literary-simulation-and-the-digital-humanities-9781501385407/
         </a>{' '}
       </p>
@@ -524,8 +504,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/846778572211152"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/846778572211152
         </a>
       </p>
@@ -565,8 +544,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054227"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054227
         </a>
       </p>
@@ -581,8 +559,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054238"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1972678479054238
         </a>
       </p>
@@ -597,8 +574,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790314"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790314
         </a>
       </p>
@@ -617,8 +593,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790395"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/283828618790395
         </a>
       </p>
@@ -631,8 +606,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1691203502343425"
-          target="_new"
-        >
+          target="_new">
           https://fenix.tecnico.ulisboa.pt/cursos/meic-a/dissertacao/1691203502343425
         </a>{' '}
       </p>
@@ -653,8 +627,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_6"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_6
         </a>{' '}
         <br />
@@ -679,8 +652,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_8"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_8
         </a>{' '}
         <br />
@@ -706,8 +678,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_5"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_5
         </a>{' '}
         <br />
@@ -746,8 +717,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_4"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_4
         </a>{' '}
         <br />
@@ -768,8 +738,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9782&amp;org=I&amp;orgp=188"
-          target="_new"
-        >
+          target="_new">
           http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9782&amp;org=I&amp;orgp=188
         </a>{' '}
       </p>
@@ -781,8 +750,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9780&amp;org=I&amp;orgp=188"
-          target="_new"
-        >
+          target="_new">
           http://coloquio.gulbenkian.pt/cat/sirius.exe/do?bibrecord&amp;id=PT.FCG.RCL.9780&amp;org=I&amp;orgp=188
         </a>{' '}
       </p>
@@ -794,8 +762,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2517"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2517
         </a>{' '}
         <br />
@@ -817,8 +784,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/rel/article/view/4308/3686"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/rel/article/view/4308/3686
         </a>
         <br />
@@ -838,8 +804,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.4/19981"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.4/19981
         </a>{' '}
         <br />
@@ -880,8 +845,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://www.blogletras.com/2013/12/livro-do-desassossego-o-romance.html"
-          target="_new"
-        >
+          target="_new">
           http://www.blogletras.com/2013/12/livro-do-desassossego-o-romance.html
         </a>
       </p>
@@ -891,8 +855,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_2"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_1-1_2
         </a>{' '}
         <br />
@@ -912,8 +875,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_3"
-          target="_new"
-        >
+          target="_new">
           https://impactum-journals.uc.pt/matlit/article/view/2182-8830_2-1_3
         </a>{' '}
         <br />
@@ -934,8 +896,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.2/19979"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.2/19979
         </a>{' '}
         <br />
@@ -950,8 +911,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.6/20057"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.6/20057
         </a>{' '}
         <br />
@@ -968,16 +928,14 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="http://www.periodicos.letras.ufmg.br/index.php/cesp/article/view/11386/9886"
-          target="_new"
-        >
+          target="_new">
           http://www.periodicos.letras.ufmg.br/index.php/cesp/article/view/11386/9886
         </a>
         <br />
         DOI:{' '}
         <a
           href="http://dx.doi.org/10.17851/2359-0076.36.55.11-27 "
-          target="_new"
-        >
+          target="_new">
           http://dx.doi.org/10.17851/2359-0076.36.55.11-27
         </a>
       </p>
@@ -988,8 +946,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.3/19980"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.3/19980
         </a>{' '}
         <br />
@@ -1006,8 +963,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://oajournals.fupress.net/index.php/bsfm-lea/article/view/7716"
-          target="_new"
-        >
+          target="_new">
           https://oajournals.fupress.net/index.php/bsfm-lea/article/view/7716
         </a>{' '}
         <br />
@@ -1023,8 +979,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.1/20058"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.1/20058
         </a>{' '}
         <br />
@@ -1040,8 +995,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.5/19982"
-          target="_new"
-        >
+          target="_new">
           https://revistes.ub.edu/index.php/Abriu/article/download/abriu2016.5.5/19982
         </a>{' '}
         <br />
@@ -1755,8 +1709,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://observador.pt/2017/12/13/o-arquivo-digital-do-livro-do-desassossego-ja-esta-online-e-tem-muitas-historias-para-contar"
-          target="_new"
-        >
+          target="_new">
           https://observador.pt/2017/12/13/o-arquivo-digital-do-livro-do-desassossego-ja-esta-online-e-tem-muitas-historias-para-contar
         </a>
       </p>
@@ -1767,8 +1720,7 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://www.publico.pt/2017/12/14/culturaipsilon/noticia/um-arquivo-digital-do-livro-do-desassossego-para-ler-e-mexer-1795920"
-          target="_new"
-        >
+          target="_new">
           https://www.publico.pt/2017/12/14/culturaipsilon/noticia/um-arquivo-digital-do-livro-do-desassossego-para-ler-e-mexer-1795920
         </a>
       </p>
@@ -1814,8 +1766,7 @@ export default ({ posY, scroll }) => {
         Federal de Pernambuco. URL:
         <a
           href="https://repositorio.ufpe.br/handle/123456789/38150"
-          target="_new"
-        >
+          target="_new">
           https://repositorio.ufpe.br/handle/123456789/38150
         </a>{' '}
       </p>
@@ -1825,8 +1776,7 @@ export default ({ posY, scroll }) => {
         <em>RHD: Revista de Humanidades Digitales</em> 5: 189-96. URL:{' '}
         <a
           href="http://revistas.uned.es/index.php/RHD/article/view/24237/22269"
-          target="_new"
-        >
+          target="_new">
           http://revistas.uned.es/index.php/RHD/article/view/24237/22269
         </a>
       </p>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles.jsx b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles.jsx
index 519820423..c4010d8c5 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/articles/Articles.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/articles/Articles.jsx
@@ -1,11 +1,17 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default ({ scroll }) => {
+export default ({ scroll, language }) => {
   const [top, setTop] = useState(true);
-  const Articles = lazy(() => import(`./Articles-${getLanguage()}.jsx`));
+  const Articles = lazy(() => import(`./Articles-${language}.jsx`));
 
-  useEffect(() => setTop(false));
+  useEffect(() => {
+    setTop(false);
+  }, []);
 
-  return <Articles scroll={scroll} posY={top ? 0 : window.scrollY} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <Articles scroll={scroll} posY={top ? 0 : window.scrollY} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/book/Book-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/book/Book-en.jsx
index b4c9d2ca6..6547011b1 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/book/Book-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/book/Book-en.jsx
@@ -1,16 +1,12 @@
 import { useEffect } from 'react';
 
 export default ({ posY, image }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Book</h1>
       <p>&nbsp;</p>
-      <img
-        className="center"
-        src={image}
-        width="75%"
-      />
+      <img className="center" src={image} width="75%" />
 
       <p>
         Manuel Portela,{' '}
@@ -21,8 +17,7 @@ export default ({ posY, image }) => {
         . New York: Bloomsbury Academic, 2022. URL:{' '}
         <a
           href="https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/"
-          target="_new"
-        >
+          target="_new">
           https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/
         </a>
       </p>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/book/Book-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/book/Book-es.jsx
index 113f749da..be50225b6 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/book/Book-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/book/Book-es.jsx
@@ -1,68 +1,87 @@
 import { useEffect } from 'react';
 
 export default ({ posY, image }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
-        <h1 className="text-center">
-            Libro
-        </h1>
-        <p>&nbsp;</p>
-        <img
-        className="center"
-        src={image}
-        width="75%"
-      />
-        
-            
-            
-                
-<p>Manuel Portela, <em>Literary Simulation and the Digital Humanities: Reading, Editing, Writing </em>. New York: Bloomsbury Academic, 2022. 
-  URL: <a href="https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/" target="_new">
-	https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/</a></p> 
-  
+      <h1 className="text-center">Libro</h1>
+      <p>&nbsp;</p>
+      <img className="center" src={image} width="75%" />
 
-<p>&nbsp;</p>
-<h3>Descripción</h3>
+      <p>
+        Manuel Portela,{' '}
+        <em>
+          Literary Simulation and the Digital Humanities: Reading, Editing,
+          Writing{' '}
+        </em>
+        . New York: Bloomsbury Academic, 2022. URL:{' '}
+        <a
+          href="https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/"
+          target="_new">
+          https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/
+        </a>
+      </p>
 
-<p>
-      ¿Cómo podemos utilizar los medios digitales para entender la lectura, la edición y la escritura como procesos literarios? ¿Cómo 
-      podemos diseñar el medio digital de una manera que va más allá del códice impreso? Este libro es un intento de responder a estas preguntas 
-      fundamentales articulando una nueva teoría literaria con un entorno digital altamente dinámico.</p>
+      <p>&nbsp;</p>
+      <h3>Descripción</h3>
 
-<p>
-      Utilizando el archivo digital de la obra maestra modernista <em>Libro del desasosiego</em>, del escritor portugués Fernando Pessoa (1888-1935),
-      como caso de estudio y lugar para simulación y experimento práctico, <em>Literary Simulation and the Digital Humanities</em> demuestra cómo
-      los modelos computacionales de la textualidad pueden asimilar plenamente las complejidades de la teoría literaria contemporánea. A través de una 
-      una combinación única de especulación teórica, análisis literario e imaginación humana, la obra representa una 
-      importante intervención crítica y un avance clave en el uso de métodos digitales para repensar los procesos de lectura y 
-      escritura literaria.</p>
+      <p>
+        ¿Cómo podemos utilizar los medios digitales para entender la lectura, la
+        edición y la escritura como procesos literarios? ¿Cómo podemos diseñar
+        el medio digital de una manera que va más allá del códice impreso? Este
+        libro es un intento de responder a estas preguntas fundamentales
+        articulando una nueva teoría literaria con un entorno digital altamente
+        dinámico.
+      </p>
 
-<p>
-      El énfasis dado a las prácticas fundacionales de lectura, edición y escritura es relevante para varios campos, incluyendo
-      estudios literarios, edición académica, estudios de software y humanidades digitales.</p>
+      <p>
+        Utilizando el archivo digital de la obra maestra modernista{' '}
+        <em>Libro del desasosiego</em>, del escritor portugués Fernando Pessoa
+        (1888-1935), como caso de estudio y lugar para simulación y experimento
+        práctico, <em>Literary Simulation and the Digital Humanities</em>{' '}
+        demuestra cómo los modelos computacionales de la textualidad pueden
+        asimilar plenamente las complejidades de la teoría literaria
+        contemporánea. A través de una una combinación única de especulación
+        teórica, análisis literario e imaginación humana, la obra representa una
+        importante intervención crítica y un avance clave en el uso de métodos
+        digitales para repensar los procesos de lectura y escritura literaria.
+      </p>
 
-<p>&nbsp;</p>
-<h3>Table of Contents</h3>
-<p>
-      Incipit: Evolutionary Textual Environment<br />
-      1. From Archive to Simulator<br />
-      2. Reading as Simulation<br />
-      3. Editing as Simulation<br />
-      4. Writing as Simulation<br />
-      5. Living on in the Web<br />
-      Explicit: No Problem Has a Solution<br />
-      Acknowledgments<br />
-      References<br />
-      Index<br /></p> 
+      <p>
+        El énfasis dado a las prácticas fundacionales de lectura, edición y
+        escritura es relevante para varios campos, incluyendo estudios
+        literarios, edición académica, estudios de software y humanidades
+        digitales.
+      </p>
 
-<p>&nbsp;</p>
-<p>&nbsp;</p>
-<p>[actualización 31-12-2021]</p>
+      <p>&nbsp;</p>
+      <h3>Table of Contents</h3>
+      <p>
+        Incipit: Evolutionary Textual Environment
+        <br />
+        1. From Archive to Simulator
+        <br />
+        2. Reading as Simulation
+        <br />
+        3. Editing as Simulation
+        <br />
+        4. Writing as Simulation
+        <br />
+        5. Living on in the Web
+        <br />
+        Explicit: No Problem Has a Solution
+        <br />
+        Acknowledgments
+        <br />
+        References
+        <br />
+        Index
+        <br />
+      </p>
 
-            
-            
-        
+      <p>&nbsp;</p>
+      <p>&nbsp;</p>
+      <p>[actualización 31-12-2021]</p>
     </>
   );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/book/Book-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/book/Book-pt.jsx
index bdf1f5bf1..43195e194 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/book/Book-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/book/Book-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-export default ({ posY,image }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+export default ({ posY, image }) => {
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Livro</h1>
@@ -17,8 +17,7 @@ export default ({ posY,image }) => {
         . New York: Bloomsbury Academic, 2022. URL:{' '}
         <a
           href="https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/"
-          target="_new"
-        >
+          target="_new">
           https://www.bloomsbury.com/uk/literary-simulation-and-the-digital-humanities-9781501385407/
         </a>
       </p>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/book/Book.jsx b/microfrontend-vite/src/microfrontends/about/pages/book/Book.jsx
index fae366c10..1a4cd8815 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/book/Book.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/book/Book.jsx
@@ -1,14 +1,20 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 const image = new URL(
   `../../resources/assets/LiterarySimulation_BookCover.webp`,
   import.meta.url
-).href
-export default ({ scroll }) => {
+).href;
+export default ({ language }) => {
   const [top, setTop] = useState(true);
-  const Book = lazy(() => import(`./Book-${getLanguage()}.jsx`));
+  const Book = lazy(() => import(`./Book-${language}.jsx`));
 
-  useEffect(() => setTop(false));
+  useEffect(() => {
+    setTop(false);
+  }, []);
 
-  return <Book posY={top ? 0 : window.scrollY} image={image} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <Book posY={top ? 0 : window.scrollY} image={image} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-en.jsx
index 3b6262e2d..56cd2dbc4 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-en.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-export default ({posY}) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+export default ({ posY }) => {
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <div>
       <p>
@@ -59,10 +59,12 @@ export default ({posY}) => {
           any user-generated content (such as a virtual edition, annotations to
           a virtual edition, and virtual writing texts) can be used by others
           within the context of the platform.{' '}
-          <em><br />
+          <em>
+            <br />
             Note that the infrastructure is designed so that authorship of all
             virtual editing and virtual writing content is preserved.{' '}
-          </em><br />
+          </em>
+          <br />
           All further reproduction, in any media, of content generated by users
           of the <em>LdoD Archive</em> must be attributed.
         </li>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-es.jsx
index f434f4176..93ad64da1 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-es.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-export default ({posY}) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+export default ({ posY }) => {
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <div>
       <p>
@@ -64,11 +64,13 @@ export default ({posY}) => {
           cualquier contenido generado por el usuario (como una edici&oacute;n
           virtual, anotaciones a una edici&oacute;n virtual y textos de
           escritura virtual) puede ser utilizado por otros en el contexto de la
-          plataforma.<br />
+          plataforma.
+          <br />
           <em>
             Tenga en cuenta que la infraestructura est&aacute; diseñada para
             conservar la autor&iacute;a de todo el contenido de edici&oacute;n
-            virtual y escritura virtual.<br />
+            virtual y escritura virtual.
+            <br />
           </em>{' '}
           Toda reproducci&oacute;n posterior, en cualquier medio, del contenido
           generado por usuarios del <em>Archivo LdoD</em> debe ser atribuida.
diff --git a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-pt.jsx
index 39100f835..0be8be713 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-export default ({posY}) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+export default ({ posY }) => {
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <div>
       <p>
@@ -66,12 +66,13 @@ export default ({posY}) => {
           qualquer conte&uacute;do gerado pelos utilizadores (tais como uma
           edi&ccedil;&atilde;o virtual, anota&ccedil;&otilde;es de uma
           edi&ccedil;&atilde;o virtual e textos de escrita virtual) pode ser
-          usado por outros utilizadores no contexto da plataforma.{' '}<br />
+          usado por outros utilizadores no contexto da plataforma. <br />
           <em>
             Note que a infraestrutura foi projetada para que a autoria de todos
             os conte&uacute;dos de edi&ccedil;&atilde;o virtual e escrita
             virtual seja preservada.
-          </em>{' '}<br />
+          </em>{' '}
+          <br />
           Qualquer utiliza&ccedil;&atilde;o adicional, noutros meios, de
           conte&uacute;do gerado pelos utilizadores do <em>Arquivo LdoD</em> tem
           de ser atribu&iacute;da.
diff --git a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct.jsx b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct.jsx
index be0ff377f..b411cc209 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/conduct/Conduct.jsx
@@ -1,17 +1,20 @@
-import { lazy, useState, useEffect } from 'react';
+import { lazy, useState, useEffect, Suspense } from 'react';
+import Loading from '../../../../shared/Loading';
 
 export default ({ messages, language }) => {
   const Conduct = lazy(() => import(`./Conduct-${language}.jsx`));
   const [top, setTop] = useState(true);
 
-  useEffect(() => setTop(false));
+  useEffect(() => {
+    setTop(false);
+  }, []);
   return (
     <>
-      <h1 className="text-center">
-        {messages[language]['header_conduct']}
-      </h1>
+      <h1 className="text-center">{messages[language]['header_conduct']}</h1>
       <p>&nbsp;</p>
-      <Conduct posY={top ? 0 : window.scrollY} />
+      <Suspense fallback={<Loading />}>
+        <Conduct posY={top ? 0 : window.scrollY} />
+      </Suspense>
     </>
   );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright-pt.jsx
index 7989d34b7..55b78b723 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright-pt.jsx
@@ -27,7 +27,7 @@ export default () => (
       </a>
       ”(CC BY-NC 4.0). Esta licença não se aplica às quatro edições dos peritos
       (Prado Coelho-1982; Sobral Cunha-2008; Zenith-2012; e Pizarro-2010), as
-      quais
+      quais{' '}
       <strong>
         só podem ser usadas dentro da infraestrutura <em>Arquivo LdoD</em>.
       </strong>{' '}
diff --git a/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright.jsx b/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright.jsx
index 16f383670..59f7ff438 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/copyright/Copyright.jsx
@@ -1,14 +1,16 @@
-import { lazy } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default () => {
-  const Copyright = lazy(() => import(`./Copyright-${getLanguage()}.jsx`));
+export default ({ language }) => {
+  const Copyright = lazy(() => import(`./Copyright-${language}.jsx`));
 
   return (
     <>
       <h1 className="text-center">Copyright</h1>
       <p>&nbsp;</p>
-      <Copyright scroll={scroll} posY={top ? 0 : window.scrollY} />
+      <Suspense fallback={<Loading />}>
+        <Copyright />
+      </Suspense>
     </>
   );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-en.jsx
index 3d34626cd..d78eb96b8 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-en.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Text Encoding</h1>
@@ -154,8 +154,7 @@ export default ({ posY, scroll }) => {
         second paragraph of{' '}
         <a
           href="https://ldod.uc.pt/fragments/fragment/Fr044/inter/Fr044_WIT_MS_Fr044a_51"
-          target="new"
-        >
+          target="new">
           BNP/E3 1-50r
         </a>
         , for example, the interface shows an addition (dean- teira ∧d’ella)
@@ -190,8 +189,7 @@ export default ({ posY, scroll }) => {
         number of textual variants. In the first paragraph of{' '}
         <a
           href="https://ldod.uc.pt/fragments/fragment/Fr044/inter/Fr044_WIT_MS_Fr044a_51"
-          target="new"
-        >
+          target="new">
           BNP/E3 1-50r
         </a>
         , for example, the interface shows the variants “rancor” and “torpor”
diff --git a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-es.jsx
index ee3442c1d..f4401c919 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-es.jsx
@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
-      <h1 class="text-center">Codificación de Texto</h1>
+      <h1 className="text-center">Codificación de Texto</h1>
       <p>&nbsp;</p>
       <h3>1. La norma XML TEI</h3>
       <p>
@@ -167,8 +167,7 @@ export default ({ posY, scroll }) => {
         testimonio{' '}
         <a
           href="https://ldod.uc.pt/fragments/fragment/Fr044/inter/Fr044_WIT_MS_Fr044a_51"
-          target="new"
-        >
+          target="new">
           BNP/E3 1-50r
         </a>
         , por ejemplo, la interfaz muestra un acrecentado (dean- teira ∧d’ella)
@@ -207,8 +206,7 @@ export default ({ posY, scroll }) => {
         testimonio{' '}
         <a
           href="https://ldod.uc.pt/fragments/fragment/Fr044/inter/Fr044_WIT_MS_Fr044a_51"
-          target="new"
-        >
+          target="new">
           BNP/E3 1-50r
         </a>
         , por ejemplo, la interfaz muestra las variantes “rancor” y “torpor” con
diff --git a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-pt.jsx
index fc9b1d387..a749a8311 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Codificação de Texto</h1>
@@ -167,8 +167,7 @@ export default ({ posY, scroll }) => {
         substituições”. No segundo parágrafo do testemunho{' '}
         <a
           href="https://ldod.uc.pt/fragments/fragment/Fr044/inter/Fr044_WIT_MS_Fr044a_51"
-          target="new"
-        >
+          target="new">
           BNP/E3 1-50r
         </a>
         , por exemplo, a interface mostra um acrescento (dean- teira ∧d'ella)
@@ -204,8 +203,7 @@ export default ({ posY, scroll }) => {
         pelo número de variantes textuais. No primeiro parágrafo do testemunho{' '}
         <a
           href="https://ldod.uc.pt/fragments/fragment/Fr044/inter/Fr044_WIT_MS_Fr044a_51"
-          target="new"
-        >
+          target="new">
           BNP/E3 1-50r
         </a>
         , por exemplo, a interface mostra as variantes “rancor” e “torpor” com
diff --git a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding.jsx b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding.jsx
index b2f33a58d..7f3b91eda 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/enconding/Encoding.jsx
@@ -1,11 +1,17 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default () => {
+export default ({ language }) => {
   const [top, setTop] = useState(true);
-  const Encoding = lazy(() => import(`./Encoding-${getLanguage()}.jsx`));
+  const Encoding = lazy(() => import(`./Encoding-${language}.jsx`));
 
-  useEffect(() => setTop(false));
+  useEffect(() => {
+    setTop(false);
+  }, []);
 
-  return <Encoding posY={top ? 0 : window.scrollY} />;
+  return (
+    <Suspense fallback={<Loading />}>
+      <Encoding posY={top ? 0 : window.scrollY} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-en.jsx
index 163be07c1..e2e8175c7 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-en.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Privacy Policy</h1>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-es.jsx
index 00f78c35e..93902b0a4 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-es.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Política de Privacidad</h1>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-pt.jsx
index 6dbc2399d..dbb293faa 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Política de Privacidade</h1>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy.jsx b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy.jsx
index 2d03be78c..5101ca167 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/privacy/Privacy.jsx
@@ -1,11 +1,16 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default () => {
+export default ({ language }) => {
   const [top, setTop] = useState(true);
-  const Privacy = lazy(() => import(`./Privacy-${getLanguage()}.jsx`));
+  const Privacy = lazy(() => import(`./Privacy-${language}.jsx`));
 
-  useEffect(() => setTop(false));
-
-  return <Privacy  posY={top ? 0 : window.scrollY} />;
+  useEffect(() => {
+    setTop(false);
+  }, []);
+  return (
+    <Suspense fallback={<Loading />}>
+      <Privacy posY={top ? 0 : window.scrollY} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/team/Team-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/team/Team-en.jsx
index dbee0c3a0..5d7bce9b5 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/team/Team-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/team/Team-en.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Editorial Team</h1>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/team/Team-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/team/Team-es.jsx
index b8d499e3a..1b870a842 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/team/Team-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/team/Team-es.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Equipo Editorial</h1>
diff --git a/microfrontend-vite/src/microfrontends/about/pages/team/Team-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/team/Team-pt.jsx
index 1a961f980..f4a497a89 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/team/Team-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/team/Team-pt.jsx
@@ -1,183 +1,183 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
-        <h1 className="text-center">Equipa Editorial</h1>
-        <p>&nbsp;</p>
+      <h1 className="text-center">Equipa Editorial</h1>
+      <p>&nbsp;</p>
 
-        <h3>Editor</h3>
-        <p>
-          Manuel Portela, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>&nbsp;</p>
+      <h3>Editor</h3>
+      <p>
+        Manuel Portela, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>&nbsp;</p>
 
-        <h3>Arquitetura de Software</h3>
-        <p>
-          António Rito Silva, INESC-ID, Instituto Superior Técnico (IST),
-          Universidade de Lisboa
-        </p>
-        <p>&nbsp;</p>
+      <h3>Arquitetura de Software</h3>
+      <p>
+        António Rito Silva, INESC-ID, Instituto Superior Técnico (IST),
+        Universidade de Lisboa
+      </p>
+      <p>&nbsp;</p>
 
-        <h3>Transcrição e Codificação XML</h3>
-        <p>
-          Ana Marques, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>
-          Cecília Magalhães, Centro de Literatura Portuguesa (CLP), Universidade
-          de Coimbra
-        </p>
-        <p>
-          Diego Giménez, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>
-          Manuel Portela, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>
-          Tiago Santos, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>&nbsp;</p>
+      <h3>Transcrição e Codificação XML</h3>
+      <p>
+        Ana Marques, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>
+        Cecília Magalhães, Centro de Literatura Portuguesa (CLP), Universidade
+        de Coimbra
+      </p>
+      <p>
+        Diego Giménez, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>
+        Manuel Portela, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>
+        Tiago Santos, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>&nbsp;</p>
 
-        <h3>Revisão</h3>
-        <p>
-          Daniela Côrtes Maduro, Centro de Literatura Portuguesa (CLP),
-          Universidade de Coimbra
-        </p>
-        <p>
-          Manuel Portela, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>
-          Rita Catania Marrone, Centro de Literatura Portuguesa (CLP),
-          Universidade de Coimbra
-        </p>
-        <p>&nbsp;</p>
+      <h3>Revisão</h3>
+      <p>
+        Daniela Côrtes Maduro, Centro de Literatura Portuguesa (CLP),
+        Universidade de Coimbra
+      </p>
+      <p>
+        Manuel Portela, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>
+        Rita Catania Marrone, Centro de Literatura Portuguesa (CLP),
+        Universidade de Coimbra
+      </p>
+      <p>&nbsp;</p>
 
-        <h3>Programação</h3>
-        <p>
-          André Santos, INESC-ID, Instituto Superior Técnico (IST), Universidade
-          de Lisboa
-        </p>
-        <p>
-          António Rito Silva, INESC-ID, Instituto Superior Técnico (IST),
-          Universidade de Lisboa
-        </p>
-        <p>
-          Duarte Oliveira, INESC-ID, Instituto Superior Técnico (IST),
-          Universidade de Lisboa
-        </p>
-        <p>
-          Gonçalo Montalvão Marques, INESC-ID, Instituto Superior Técnico (IST),
-          Universidade de Lisboa
-        </p>
-        <p>
-          José Raposo, INESC-ID, Instituto Superior Técnico (IST), Universidade
-          de Lisboa
-        </p>
-        <p>
-          Luís Lucas Pereira, Centro de Literatura Portuguesa (CLP) |
-          Departamento de Engenharia Informática (DEI), Universidade de Coimbra
-        </p>
-        <p>
-          Miguel Cruz, INESC-ID, Instituto Superior Técnico (IST), Universidade
-          de Lisboa
-        </p>
-        <p>
-          Nuno Gonçalves, INESC-ID, Instituto Superior Técnico (IST),
-          Universidade de Lisboa
-        </p>
-        <p>&nbsp;</p>
+      <h3>Programação</h3>
+      <p>
+        André Santos, INESC-ID, Instituto Superior Técnico (IST), Universidade
+        de Lisboa
+      </p>
+      <p>
+        António Rito Silva, INESC-ID, Instituto Superior Técnico (IST),
+        Universidade de Lisboa
+      </p>
+      <p>
+        Duarte Oliveira, INESC-ID, Instituto Superior Técnico (IST),
+        Universidade de Lisboa
+      </p>
+      <p>
+        Gonçalo Montalvão Marques, INESC-ID, Instituto Superior Técnico (IST),
+        Universidade de Lisboa
+      </p>
+      <p>
+        José Raposo, INESC-ID, Instituto Superior Técnico (IST), Universidade de
+        Lisboa
+      </p>
+      <p>
+        Luís Lucas Pereira, Centro de Literatura Portuguesa (CLP) | Departamento
+        de Engenharia Informática (DEI), Universidade de Coimbra
+      </p>
+      <p>
+        Miguel Cruz, INESC-ID, Instituto Superior Técnico (IST), Universidade de
+        Lisboa
+      </p>
+      <p>
+        Nuno Gonçalves, INESC-ID, Instituto Superior Técnico (IST), Universidade
+        de Lisboa
+      </p>
+      <p>&nbsp;</p>
 
-        <h3>Desenho web</h3>
-        <p>
-          <a href="http://www.josemariacunha.com/">José Maria Cunha</a>
-        </p>
-        <p>
-          Luís Lucas Pereira, Centro de Literatura Portuguesa (CLP) |
-          Departamento de Engenharia Informática (DEI), Universidade de Coimbra
-        </p>
-        <p>&nbsp;</p>
+      <h3>Desenho web</h3>
+      <p>
+        <a href="http://www.josemariacunha.com/">José Maria Cunha</a>
+      </p>
+      <p>
+        Luís Lucas Pereira, Centro de Literatura Portuguesa (CLP) | Departamento
+        de Engenharia Informática (DEI), Universidade de Coimbra
+      </p>
+      <p>&nbsp;</p>
 
-        <h3>Vídeo</h3>
-        <p>Tiago Cravidão</p>
-        <p>&nbsp;</p>
+      <h3>Vídeo</h3>
+      <p>Tiago Cravidão</p>
+      <p>&nbsp;</p>
 
-        <h3>Equipa de investigação do projeto (2012-2015)</h3>
-        <p>Abel Barros Baptista, NOVA-Universidade Nova de Lisboa</p>
-        <p>
-          António Rito Silva, INESC-ID, Instituto Superior Técnico (IST),
-          Universidade de Lisboa
-        </p>
-        <p>António Sousa Ribeiro, Universidade de Coimbra</p>
-        <p>
-          Daniela Côrtes Maduro, Centro de Literatura Portuguesa (CLP),
-          Universidade de Coimbra
-        </p>
-        <p>
-          Diego Giménez, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>John David Mock, Universidade de Coimbra</p>
-        <p>
-          Luís Lucas Pereira, Centro de Literatura Portuguesa (CLP) |
-          Departamento de Engenharia Informática (DEI), Universidade de Coimbra
-        </p>
-        <p>
-          Manuel Portela (<strong>IP</strong>), Centro de Literatura Portuguesa
-          (CLP), Universidade de Coimbra
-        </p>
-        <p>
-          Osvaldo Manuel Silvestre, Centro de Literatura Portuguesa (CLP),
-          Universidade de Coimbra
-        </p>
-        <p>
-          Paulo Silva Pereira, Centro de Literatura Portuguesa (CLP),
-          Universidade de Coimbra
-        </p>
-        <p>Pedro Serra, Universidade de Salamanca</p>
-        <p>
-          Ricardo Namora, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>
-          Rita Catania Marrone, Centro de Literatura Portuguesa (CLP),
-          Universidade de Coimbra
-        </p>
-        <p>
-          Samuel Teixeira, Centro de Literatura Portuguesa (CLP), Universidade
-          de Coimbra
-        </p>
-        <p>
-          Tiago Santos, Centro de Literatura Portuguesa (CLP), Universidade de
-          Coimbra
-        </p>
-        <p>&nbsp;</p>
+      <h3>Equipa de investigação do projeto (2012-2015)</h3>
+      <p>Abel Barros Baptista, NOVA-Universidade Nova de Lisboa</p>
+      <p>
+        António Rito Silva, INESC-ID, Instituto Superior Técnico (IST),
+        Universidade de Lisboa
+      </p>
+      <p>António Sousa Ribeiro, Universidade de Coimbra</p>
+      <p>
+        Daniela Côrtes Maduro, Centro de Literatura Portuguesa (CLP),
+        Universidade de Coimbra
+      </p>
+      <p>
+        Diego Giménez, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>John David Mock, Universidade de Coimbra</p>
+      <p>
+        Luís Lucas Pereira, Centro de Literatura Portuguesa (CLP) | Departamento
+        de Engenharia Informática (DEI), Universidade de Coimbra
+      </p>
+      <p>
+        Manuel Portela (<strong>IP</strong>), Centro de Literatura Portuguesa
+        (CLP), Universidade de Coimbra
+      </p>
+      <p>
+        Osvaldo Manuel Silvestre, Centro de Literatura Portuguesa (CLP),
+        Universidade de Coimbra
+      </p>
+      <p>
+        Paulo Silva Pereira, Centro de Literatura Portuguesa (CLP), Universidade
+        de Coimbra
+      </p>
+      <p>Pedro Serra, Universidade de Salamanca</p>
+      <p>
+        Ricardo Namora, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>
+        Rita Catania Marrone, Centro de Literatura Portuguesa (CLP),
+        Universidade de Coimbra
+      </p>
+      <p>
+        Samuel Teixeira, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>
+        Tiago Santos, Centro de Literatura Portuguesa (CLP), Universidade de
+        Coimbra
+      </p>
+      <p>&nbsp;</p>
 
-        <h3>
-          Consultores do <em>Livro do Desassossego</em> (2012-2015)
-        </h3>
-        <p>Jerónimo Pizarro, Editor | Universidade de Los Andes, Bogotá</p>
-        <p>Richard Zenith, Editor</p>
-        <p>Teresa Sobral Cunha, Editora</p>
-        <p>&nbsp;</p>
+      <h3>
+        Consultores do <em>Livro do Desassossego</em> (2012-2015)
+      </h3>
+      <p>Jerónimo Pizarro, Editor | Universidade de Los Andes, Bogotá</p>
+      <p>Richard Zenith, Editor</p>
+      <p>Teresa Sobral Cunha, Editora</p>
+      <p>&nbsp;</p>
 
-        <h3>Consultores do projeto (2012-2015)</h3>
-        <p>Johanna Drucker, Universidade da Califórnia Los Angeles</p>
-        <p>
-          Matthew G. Kirschenbaum, Universidade de Maryland | MITH - Instituto
-          de Tecnologia para as Humanidades de Maryland
-        </p>
-        <p>
-          Susan Schreibman, Universidade de Maynooth | An Foras Feasa -
-          Instituto de Investigação em Humanidades
-        </p>
-        <p>&nbsp;</p>
+      <h3>Consultores do projeto (2012-2015)</h3>
+      <p>Johanna Drucker, Universidade da Califórnia Los Angeles</p>
+      <p>
+        Matthew G. Kirschenbaum, Universidade de Maryland | MITH - Instituto de
+        Tecnologia para as Humanidades de Maryland
+      </p>
+      <p>
+        Susan Schreibman, Universidade de Maynooth | An Foras Feasa - Instituto
+        de Investigação em Humanidades
+      </p>
+      <p>&nbsp;</p>
     </>
   );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/team/Team.jsx b/microfrontend-vite/src/microfrontends/about/pages/team/Team.jsx
index 85d729996..6a9c96828 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/team/Team.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/team/Team.jsx
@@ -1,11 +1,17 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default ({ scroll }) => {
+export default ({ scroll, language }) => {
+  console.log(language);
   const [top, setTop] = useState(true);
-  const Team = lazy(() => import(`./Team-${getLanguage()}.jsx`));
+  const Team = lazy(() => import(`./Team-${language}.jsx`));
 
-  useEffect(() => setTop(false));
-
-  return <Team scroll={scroll} posY={top ? 0 : window.scrollY} />;
+  useEffect(() => {
+    setTop(false);
+  }, []);
+  return (
+    <Suspense fallback={<Loading />}>
+      <Team scroll={scroll} posY={top ? 0 : window.scrollY} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-en.jsx
index e035ce160..738a8456a 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-en.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Tutorials and Workshops</h1>
@@ -39,25 +39,24 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-          target="_new"
-        >
+          target="_new">
           https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ
           <br />
         </a>
       </p>
-      <a href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ" target="_new">
+      <a
+        href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
+        target="_new">
         <h5>Table of LdoD Tutorials:</h5>
       </a>
       <ul>
         <a
           href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-          target="_new"
-        ></a>
+          target="_new"></a>
         <li>
           <a
             href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-            target="_new"
-          ></a>
+            target="_new"></a>
           <a onClick={() => scroll('#V1')}>
             Tutorial 1: What is the <em>LdoD Archive</em>?
           </a>{' '}
@@ -117,8 +116,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/hOVqKufmAv8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -131,8 +129,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/H78nGI5L25M"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -143,8 +140,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/dUUUiC-Bl68"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -155,8 +151,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/LPGxZjUUh1w"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -167,8 +162,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/wFPO-ypEWl8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -179,8 +173,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/h1QJDZ77iT0"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -191,8 +184,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/6qcBC8OGJLU"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -203,8 +195,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/rANp_CP3DwI"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -215,8 +206,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/BMvAbI_TOy8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -227,8 +217,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/3cvvsjvrSzk"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
diff --git a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-es.jsx
index 488b7da2f..7bba0ed66 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-es.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Tutoriales y Talleres</h1>
@@ -40,28 +40,24 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-          target="_new"
-        >
+          target="_new">
           https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ
           <br />
         </a>
       </p>
       <a
         href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-        target="_new"
-      >
+        target="_new">
         <h5>Índice de los Tutoriais LdoD:</h5>
       </a>
       <ul>
         <a
           href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-          target="_new"
-        ></a>
+          target="_new"></a>
         <li>
           <a
             href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-            target="_new"
-          ></a>
+            target="_new"></a>
           <a onClick={() => scroll('#V1')}>
             Tutorial 1: &iquest;Qu&eacute; es el <em>Archivo LdoD</em>?{' '}
           </a>{' '}
@@ -121,8 +117,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/hOVqKufmAv8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -135,8 +130,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/H78nGI5L25M"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -147,8 +141,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/dUUUiC-Bl68"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -159,8 +152,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/LPGxZjUUh1w"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -171,8 +163,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/wFPO-ypEWl8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -183,8 +174,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/h1QJDZ77iT0"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -197,8 +187,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/6qcBC8OGJLU"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -211,8 +200,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/rANp_CP3DwI"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -223,8 +211,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/BMvAbI_TOy8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -235,8 +222,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/3cvvsjvrSzk"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
diff --git a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-pt.jsx
index 134734727..baeea12ac 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials-pt.jsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
 export default ({ posY, scroll }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
   return (
     <>
       <h1 className="text-center">Tutoriais e Oficinas</h1>
@@ -17,7 +17,9 @@ export default ({ posY, scroll }) => {
         </ul>
       </h4>
       <p>&nbsp;</p>
-      <h3 className="tutorial-subtitles" id="Q01Q">A. Tutoriais</h3>
+      <h3 className="tutorial-subtitles" id="Q01Q">
+        A. Tutoriais
+      </h3>
       <p />
       <p>
         Os Tutoriais LdoD t&ecirc;m duas fun&ccedil;&otilde;es principais: (1)
@@ -43,28 +45,24 @@ export default ({ posY, scroll }) => {
         URL:{' '}
         <a
           href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-          target="_new"
-        >
+          target="_new">
           https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ
         </a>
         <br />
       </p>
       <a
         href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-        target="_new"
-      >
+        target="_new">
         <h5>Table of LdoD Tutorials:</h5>
       </a>
       <ul>
         <a
           href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-          target="_new"
-        ></a>
+          target="_new"></a>
         <li>
           <a
             href="https://www.youtube.com/channel/UCHK5OjU1w4OwPOF_e0jd9bQ"
-            target="_new"
-          ></a>
+            target="_new"></a>
           <a onClick={() => scroll('#V1')}>
             Tutorial 1: O que &eacute; o <em>Arquivo LdoD</em>?
           </a>{' '}
@@ -124,8 +122,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/hOVqKufmAv8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -138,8 +135,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/H78nGI5L25M"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -150,8 +146,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/dUUUiC-Bl68"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -162,8 +157,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/LPGxZjUUh1w"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -174,8 +168,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/wFPO-ypEWl8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -186,8 +179,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/h1QJDZ77iT0"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -200,8 +192,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/6qcBC8OGJLU"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -212,8 +203,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/rANp_CP3DwI"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -224,8 +214,7 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/BMvAbI_TOy8"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
@@ -236,13 +225,14 @@ export default ({ posY, scroll }) => {
           height="315"
           src="https://www.youtube.com/embed/3cvvsjvrSzk"
           frameBorder="0"
-          allowFullScreen=""
-        ></iframe>
+          allowFullScreen=""></iframe>
       </div>
       <br />
       <br />
       <p>&nbsp;</p>
-      <h3 className="tutorial-subtitles" id="Q02Q">B. Workshops</h3>
+      <h3 className="tutorial-subtitles" id="Q02Q">
+        B. Workshops
+      </h3>
       <p>
         O <em>Arquivo LdoD</em> oferece v&aacute;rias oficinas a quem estiver
         interessado em aprender mais sobre a plataforma e os seus usos. Estas
diff --git a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials.jsx b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials.jsx
index b374c0da4..b2f758d09 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/tutorials/Tutorials.jsx
@@ -1,17 +1,17 @@
-import { lazy, useState, useEffect } from 'react';
-import { useStore } from "../../../../store";
+import { lazy, useState, useEffect, Suspense } from 'react';
+import Loading from '../../../../shared/Loading';
 
-export default ({scroll}) => {
-  
-  const { language } = useStore();
+export default ({ scroll, language }) => {
   const Tutorials = lazy(() => import(`./Tutorials-${language}.jsx`));
   const [top, setTop] = useState(true);
 
-  useEffect(() => setTop(false));
+  useEffect(() => {
+    setTop(false);
+  }, []);
 
   return (
-    <Tutorials 
-    scroll={scroll}
-    posY={top ? 0 : window.scrollY}/>
+    <Suspense fallback={<Loading />}>
+      <Tutorials scroll={scroll} posY={top ? 0 : window.scrollY} />
+    </Suspense>
   );
-}
\ No newline at end of file
+};
diff --git a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-en.jsx b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-en.jsx
index bdd84bf21..be7bb4be2 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-en.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-en.jsx
@@ -1,354 +1,310 @@
 import { useEffect } from 'react';
 export default ({ scroll, posY }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
-  
+  useEffect(() => window.scrollTo({ top: posY }), []);
+
   return (
-  <>
-    <h1 className="text-center">Videos</h1>
-    <p>&nbsp;</p>
+    <>
+      <h1 className="text-center">Videos</h1>
+      <p>&nbsp;</p>
 
-    <p>
-      This page contains videos with testimonials from two editors of the{' '}
-      <em>Book of Disquiet</em> and the editor of the <em>LdoD Archive</em>.
-      Teresa Sobral Cunha and Jer&oacute;nimo Pizarro were interviewed in
-      November and December 2015, respectively. Manuel Portela was interviewed
-      in August 2017. The interviews were edited according to topics related to
-      both the material and editorial history of the <em>Book of Disquiet</em>{' '}
-      and the nature of the
-      <em>LdoD Archive</em> as a representation and simulation of the editions
-      of the
-      <em>Book</em>. In the case of the editors of the <em>Book</em>, the
-      interviews focused on a set of questions about their first contact with
-      the materials from the <em>Book</em>, their conceptualization of a model
-      for the <em>Book</em>, their criteria for selecting and ordering its
-      texts, and their perception about the current importance and significance
-      of the <em>Book of Disquiet</em>. In the case of the editor of the{' '}
-      <em>LdoD Archive</em>, the questions centered on the dynamic and
-      simulatory nature of the Archive, and on its potential as a textual
-      environment for learning, research and creativity. There is also a brief
-      introduction to the <em>LdoD Archive</em>, showing excerpts from
-      autographs and editions of two texts: &ldquo;Amo, pelas tardes demoradas
-      de ver&atilde;o&rdquo; and &ldquo;Sinfonia de uma noite inquieta,&rdquo;
-      which are read, respectively, by Jer&oacute;nimo Pizarro and Teresa Sobral
-      Cunha. The topics of each video are referenced through intertitles,
-      according to the sequence described below. Recording and editing of all
-      videos: Tiago Cravid&atilde;o. Funding: Foundation for Science and
-      Technology.
-    </p>
-    <br />
+      <p>
+        This page contains videos with testimonials from two editors of the{' '}
+        <em>Book of Disquiet</em> and the editor of the <em>LdoD Archive</em>.
+        Teresa Sobral Cunha and Jer&oacute;nimo Pizarro were interviewed in
+        November and December 2015, respectively. Manuel Portela was interviewed
+        in August 2017. The interviews were edited according to topics related
+        to both the material and editorial history of the{' '}
+        <em>Book of Disquiet</em> and the nature of the
+        <em>LdoD Archive</em> as a representation and simulation of the editions
+        of the
+        <em>Book</em>. In the case of the editors of the <em>Book</em>, the
+        interviews focused on a set of questions about their first contact with
+        the materials from the <em>Book</em>, their conceptualization of a model
+        for the <em>Book</em>, their criteria for selecting and ordering its
+        texts, and their perception about the current importance and
+        significance of the <em>Book of Disquiet</em>. In the case of the editor
+        of the <em>LdoD Archive</em>, the questions centered on the dynamic and
+        simulatory nature of the Archive, and on its potential as a textual
+        environment for learning, research and creativity. There is also a brief
+        introduction to the <em>LdoD Archive</em>, showing excerpts from
+        autographs and editions of two texts: &ldquo;Amo, pelas tardes demoradas
+        de ver&atilde;o&rdquo; and &ldquo;Sinfonia de uma noite inquieta,&rdquo;
+        which are read, respectively, by Jer&oacute;nimo Pizarro and Teresa
+        Sobral Cunha. The topics of each video are referenced through
+        intertitles, according to the sequence described below. Recording and
+        editing of all videos: Tiago Cravid&atilde;o. Funding: Foundation for
+        Science and Technology.
+      </p>
+      <br />
 
-    <h5>Table of Contents:</h5>
-    <ul>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V1')}>
-          Teaser_LdoD: LdoD Archive
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V2')}>
-          Documentary reality is disorganized
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V3')}>
-          Vicente Guedes and Bernardo Soares
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V4')}>
-          Defining discursive units
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V5')}>
-          Defining paragraphs
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V6')}>
-          Human speech
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V7')}>
-          Why editing?
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V8')}>
-          Chronological organization
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V9')}>
-          Heteronyms
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V10')}>
-          Editing possibilities
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V11')}>
-          Materiality and criticism
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V12')}>
-          Spontaneous reading
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V13')}>
-          Hyperconsciousness
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V14')}>
-          LdoD Archive
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V15')}>
-          Dynamic archive
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V16')}>
-          Learning Researching Creating
-        </a>
-      </li>
-      <li>
-        <a href="" onClick={(e) => scroll(e, '#V17')}>
-          Literary performativity simulator
-        </a>
-      </li>
-    </ul>
+      <h5>Table of Contents:</h5>
+      <ul>
+        <li>
+          <a onClick={(e) => scroll('#V1')}>Teaser_LdoD: LdoD Archive</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V2')}>
+            Documentary reality is disorganized
+          </a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V3')}>
+            Vicente Guedes and Bernardo Soares
+          </a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V4')}>Defining discursive units</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V5')}>Defining paragraphs</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V6')}>Human speech</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V7')}>Why editing?</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V8')}>Chronological organization</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V9')}>Heteronyms</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V10')}>Editing possibilities</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V11')}>Materiality and criticism</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V12')}>Spontaneous reading</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V13')}>Hyperconsciousness</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V14')}>LdoD Archive</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V15')}>Dynamic archive</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V16')}>Learning Researching Creating</a>
+        </li>
+        <li>
+          <a onClick={(e) => scroll('#V17')}>
+            Literary performativity simulator
+          </a>
+        </li>
+      </ul>
 
-    <br />
-    <h5 id="V1">Teaser_LdoD: LdoD Archive</h5>
+      <br />
+      <h5 id="V1">Teaser_LdoD: LdoD Archive</h5>
 
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/dEnavuucyrY"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/dEnavuucyrY"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V2">Documentary reality is disorganized</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/wHMLD23JkIw"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V2">Documentary reality is disorganized</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/wHMLD23JkIw"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V3">Vicente Guedes and Bernardo Soares</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/AfTDWoOFEMA"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V3">Vicente Guedes and Bernardo Soares</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/AfTDWoOFEMA"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V4">Defining discursive units</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/EZYBzryVWYI"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V4">Defining discursive units</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/EZYBzryVWYI"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V5">Defining paragraphs</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/-LGEm7qf6qc"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V5">Defining paragraphs</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/-LGEm7qf6qc"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V6">Human speech</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/ObI5qTT1qhU"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V6">Human speech</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/ObI5qTT1qhU"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V7">Why editing?</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/qdc3y_pUBII"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V7">Why editing?</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/qdc3y_pUBII"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V8">Chronological organization</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/0E8-k7ZuCd8"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V8">Chronological organization</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/0E8-k7ZuCd8"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V9">Heteronyms</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/sXliW-96fLw"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V9">Heteronyms</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/sXliW-96fLw"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V10">Editing possibilities</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/CODlWW6BqhE"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V10">Editing possibilities</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/CODlWW6BqhE"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V11">Materiality and criticism</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/N-6lEbfFB6E"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V11">Materiality and criticism</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/N-6lEbfFB6E"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V12">Spontaneous reading</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/chTLiJDAhCA"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V12">Spontaneous reading</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/chTLiJDAhCA"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V13">Hyperconsciousness</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/oAFPcx6_rbs"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V13">Hyperconsciousness</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/oAFPcx6_rbs"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V14">LdoD Archive</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/6MiYye4rQJk"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V14">LdoD Archive</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/6MiYye4rQJk"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V15">Dynamic archive</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/7_6pKD2ktSY"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V15">Dynamic archive</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/7_6pKD2ktSY"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V16">Learning Researching Creating</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/MxycSwfE8XY"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V16">Learning Researching Creating</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/MxycSwfE8XY"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <h5 id="V17">Literary performativity simulator</h5>
-    <div className="videoWrapper">
-      <iframe
-        width="560"
-        height="315"
-        src="https://www.youtube.com/embed/OF3OD3-i1EY"
-        frameBorder="0"
-        allowFullScreen
-      ></iframe>
-    </div>
-    <br />
-    <br />
+      <h5 id="V17">Literary performativity simulator</h5>
+      <div className="videoWrapper">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/OF3OD3-i1EY"
+          frameBorder="0"
+          allowFullScreen></iframe>
+      </div>
+      <br />
+      <br />
 
-    <p>[updated 01-10-2017]</p>
-  </>
-)};
+      <p>[updated 01-10-2017]</p>
+    </>
+  );
+};
diff --git a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-es.jsx b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-es.jsx
index e53f0aa5f..0a7c67e79 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-es.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-es.jsx
@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 export default ({ scroll, posY }) => {
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
 
   return (
     <>
@@ -45,87 +45,63 @@ export default ({ scroll, posY }) => {
 
       <ul>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V1')}>
-            Teaser_LdoD: Archivo LdoD
-          </a>
+          <a onClick={(e) => scroll('#V1')}>Teaser_LdoD: Archivo LdoD</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V2')}>
+          <a onClick={(e) => scroll('#V2')}>
             La realidad documental est&aacute; desorganizada
           </a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V3')}>
-            Vicente Guedes y Bernardo Soares
-          </a>
+          <a onClick={(e) => scroll('#V3')}>Vicente Guedes y Bernardo Soares</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V4')}>
+          <a onClick={(e) => scroll('#V4')}>
             Creaci&oacute;n de unidades discursivas
           </a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V5')}>
+          <a onClick={(e) => scroll('#V5')}>
             Creaci&oacute;n de p&aacute;rrafos
           </a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V6')}>
-            Habla humana
-          </a>
+          <a onClick={(e) => scroll('#V6')}>Habla humana</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V7')}>
-            &iquest;Por qu&eacute; editar?
-          </a>
+          <a onClick={(e) => scroll('#V7')}>&iquest;Por qu&eacute; editar?</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V8')}>
+          <a onClick={(e) => scroll('#V8')}>
             Organizaci&oacute;n cronol&oacute;gica
           </a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V9')}>
-            Heter&oacute;nimos
-          </a>
+          <a onClick={(e) => scroll('#V9')}>Heter&oacute;nimos</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V10')}>
-            Posibilidades de edici&oacute;n
-          </a>
+          <a onClick={(e) => scroll('#V10')}>Posibilidades de edici&oacute;n</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V11')}>
-            Materialidad y cr&iacute;tica
-          </a>
+          <a onClick={(e) => scroll('#V11')}>Materialidad y cr&iacute;tica</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V12')}>
-            Lectura espont&aacute;nea
-          </a>
+          <a onClick={(e) => scroll('#V12')}>Lectura espont&aacute;nea</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V13')}>
-            Hiperconciencia
-          </a>
+          <a onClick={(e) => scroll('#V13')}>Hiperconciencia</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V14')}>
-            Archivo LdoD
-          </a>
+          <a onClick={(e) => scroll('#V14')}>Archivo LdoD</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V15')}>
-            Archivo din&aacute;mico
-          </a>
+          <a onClick={(e) => scroll('#V15')}>Archivo din&aacute;mico</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V16')}>
-            Aprender Investigar Crear
-          </a>
+          <a onClick={(e) => scroll('#V16')}>Aprender Investigar Crear</a>
         </li>
         <li>
-          <a href="" onClick={(e) => scroll(e, '#V17')}>
+          <a onClick={(e) => scroll('#V17')}>
             Simulador de performatividad literaria
           </a>
         </li>
@@ -139,8 +115,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/dEnavuucyrY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -152,8 +127,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/wHMLD23JkIw"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -165,8 +139,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/AfTDWoOFEMA"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -178,8 +151,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/EZYBzryVWYI"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -191,8 +163,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/-LGEm7qf6qc"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -204,8 +175,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/ObI5qTT1qhU"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -217,8 +187,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/qdc3y_pUBII"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -230,8 +199,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/0E8-k7ZuCd8"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -243,8 +211,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/sXliW-96fLw"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -256,8 +223,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/CODlWW6BqhE"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -269,8 +235,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/N-6lEbfFB6E"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -282,8 +247,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/chTLiJDAhCA"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -295,8 +259,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/oAFPcx6_rbs"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -308,8 +271,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/6MiYye4rQJk"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -321,8 +283,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/7_6pKD2ktSY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -334,8 +295,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/MxycSwfE8XY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -347,8 +307,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/OF3OD3-i1EY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
diff --git a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-pt.jsx b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-pt.jsx
index 4f1546725..9837bda59 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-pt.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos-pt.jsx
@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 export default ({ scroll, posY }) => {
-  
-  useEffect(() => window.scrollTo({ top: posY }));
+  useEffect(() => window.scrollTo({ top: posY }), []);
 
   return (
     <>
@@ -46,87 +45,65 @@ export default ({ scroll, posY }) => {
       <h5>&Iacute;ndice dos v&iacute;deos:</h5>
       <ul>
         <li>
-          <a onClick={() => scroll( '#V1')}>
-            Teaser_LdoD: Arquivo LdoD
-          </a>
+          <a onClick={() => scroll('#V1')}>Teaser_LdoD: Arquivo LdoD</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V2')}>
+          <a onClick={() => scroll('#V2')}>
             A realidade documental &eacute; desorganizada
           </a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V3')}>
-            Vicente Guedes e Bernardo Soares
-          </a>
+          <a onClick={() => scroll('#V3')}>Vicente Guedes e Bernardo Soares</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V4')}>
+          <a onClick={() => scroll('#V4')}>
             Cria&ccedil;&atilde;o de unidades discursivas
           </a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V5')}>
+          <a onClick={() => scroll('#V5')}>
             Cria&ccedil;&atilde;o de par&aacute;grafos
           </a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V6')}>
-            Fala humana
-          </a>
+          <a onClick={() => scroll('#V6')}>Fala humana</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V7')}>
-            Porqu&ecirc; editar?
-          </a>
+          <a onClick={() => scroll('#V7')}>Porqu&ecirc; editar?</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V8')}>
+          <a onClick={() => scroll('#V8')}>
             Organiza&ccedil;&atilde;o cronol&oacute;gica
           </a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V9')}>
-            Heter&oacute;nimos
-          </a>
+          <a onClick={() => scroll('#V9')}>Heter&oacute;nimos</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V10')}>
+          <a onClick={() => scroll('#V10')}>
             Possibilidades de edi&ccedil;&atilde;o
           </a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V11')}>
-            Materialidade e cr&iacute;tica
-          </a>
+          <a onClick={() => scroll('#V11')}>Materialidade e cr&iacute;tica</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V12')}>
-            Leitura espont&acirc;nea
-          </a>
+          <a onClick={() => scroll('#V12')}>Leitura espont&acirc;nea</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V13')}>
-            Hiperconsci&ecirc;ncia
-          </a>
+          <a onClick={() => scroll('#V13')}>Hiperconsci&ecirc;ncia</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V14')}>
-            Arquivo LdoD
-          </a>
+          <a onClick={() => scroll('#V14')}>Arquivo LdoD</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V15')}>
-            Arquivo din&acirc;mico
-          </a>
+          <a onClick={() => scroll('#V15')}>Arquivo din&acirc;mico</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V16')}>
-            Aprender Investigar Criar
-          </a>
+          <a onClick={() => scroll('#V16')}>Aprender Investigar Criar</a>
         </li>
         <li>
-          <a onClick={() => scroll( '#V17')}>
+          <a onClick={() => scroll('#V17')}>
             Simulador de performatividade liter&aacute;ria
           </a>
         </li>
@@ -141,8 +118,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/dEnavuucyrY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -155,8 +131,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/wHMLD23JkIw"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -169,8 +144,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/AfTDWoOFEMA"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -182,8 +156,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/EZYBzryVWYI"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -195,8 +168,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/-LGEm7qf6qc"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -208,8 +180,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/ObI5qTT1qhU"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -221,8 +192,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/qdc3y_pUBII"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -234,8 +204,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/0E8-k7ZuCd8"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -247,8 +216,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/sXliW-96fLw"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -260,8 +228,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/CODlWW6BqhE"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -273,8 +240,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/N-6lEbfFB6E"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -286,8 +252,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/chTLiJDAhCA"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -299,8 +264,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/oAFPcx6_rbs"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -312,8 +276,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/6MiYye4rQJk"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -325,8 +288,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/7_6pKD2ktSY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -338,8 +300,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/MxycSwfE8XY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
@@ -351,8 +312,7 @@ export default ({ scroll, posY }) => {
           height="315"
           src="https://www.youtube.com/embed/OF3OD3-i1EY"
           frameBorder="0"
-          allowFullScreen
-        ></iframe>
+          allowFullScreen></iframe>
       </div>
       <br />
       <br />
diff --git a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos.jsx b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos.jsx
index 39e9942b9..1f2cbc701 100644
--- a/microfrontend-vite/src/microfrontends/about/pages/videos/Videos.jsx
+++ b/microfrontend-vite/src/microfrontends/about/pages/videos/Videos.jsx
@@ -1,11 +1,16 @@
-import { lazy, useEffect, useState } from 'react';
-import { getLanguage } from '../../../../store';
+import { lazy, useEffect, useState, Suspense } from 'react';
 
-export default ({ scroll }) => {
+export default ({ scroll, language }) => {
   const [top, setTop] = useState(true);
-  const Videos = lazy(() => import(`./Videos-${getLanguage()}.jsx`));
+  const Videos = lazy(() => import(`./Videos-${language}.jsx`));
 
-  useEffect(() => setTop(false));
+  useEffect(() => {
+    setTop(false);
+  }, []);
 
-  return <Videos scroll={scroll} posY={top ? 0 : window.scrollY} />;
+  return (
+    <Suspense>
+      <Videos scroll={scroll} posY={top ? 0 : window.scrollY} />
+    </Suspense>
+  );
 };
diff --git a/microfrontend-vite/src/store.js b/microfrontend-vite/src/store.js
index 87b847051..a2217b398 100644
--- a/microfrontend-vite/src/store.js
+++ b/microfrontend-vite/src/store.js
@@ -1,8 +1,8 @@
 import create from 'zustand';
 import { persist } from 'zustand/middleware';
+import { devtools } from 'zustand/middleware';
 
-export const defaultHeaders = 
-[
+export const defaultHeaders = [
   { id: 'general_editor_prado', route: '/edition/acronym/JPC' },
   { id: 'general_editor_cunha', route: '/edition/acronym/TSC' },
   { id: 'general_editor_zenith', route: '/edition/acronym/RZ' },
@@ -10,33 +10,37 @@ export const defaultHeaders =
   { className: 'divider' },
   { id: 'header_title', route: '/edition/acronym/LdoD-Arquivo' },
   { className: 'divider' },
-]
+];
 
 export const useStore = create(
-  persist(
-    () => ({
-      language: 'pt',
-      token: undefined,
-      user: undefined,
-      loading: false,
-      error: false,
-      editionHeaders: defaultHeaders,
-    }),
-    {
-      name: 'ldod-state-storage',
-    },
+  devtools(
+    persist(
+      () => ({
+        language: 'pt',
+        token: undefined,
+        user: undefined,
+        loading: false,
+        error: false,
+        editionHeaders: defaultHeaders,
+      }),
+      {
+        name: 'ldod-state-storage',
+      }
+    ),
+    { name: 'store' }
   )
 );
 
-export const storeStateSelector = (sel) => useStore(state => state[sel]);
+export const storeStateSelector = (sel) => useStore((state) => state[sel]);
 export const state = () => useStore.getState();
 export const getUser = () => state().user;
-export const isAdmin = () => getUser()?.roles.includes('ROLE_ADMIN') ? true : false;
+export const isAdmin = () =>
+  getUser()?.roles.includes('ROLE_ADMIN') ? true : false;
 export const getName = () =>
   getUser() && `${getUser().firstName} ${getUser().lastName}`;
 export const getToken = () => state().token;
 export const getLanguage = () => state().language;
-export const isAuthenticated = () => (getUser() ?? false);
+export const isAuthenticated = () => getUser() ?? false;
 export const isLoading = () => state().loading;
 export const setLoading = (loading) => useStore.setState({ loading });
 export const setError = (error) => useStore.setState({ error });
@@ -46,12 +50,10 @@ export const setToken = (token) => useStore.setState({ token });
 export const removeUser = () => useStore.setState({ user: undefined });
 export const removeToken = () => useStore.setState({ token: undefined });
 export const setEditionHeaders = (headers) =>
-  useStore.setState({ editionHeaders: headers });  
+  useStore.setState({ editionHeaders: headers });
 
 export const userSelectedVE = () => useStore.getState()?.user?.selectedVE ?? [];
 export const logout = () => {
   removeToken();
   removeUser();
 };
-
-