fix: simplify the hook

frontend/src/hooks/index.ts

@@ -8,4 +8,4 @@ export { useRefreshSettings } from './useRefreshSettings';
 export { useScrollToLocation } from './useScrollToLocation';
 export { useStats } from './useStats';
 export { usePreferredLanguages } from './usePreferredLanguages';
-export { useRestorePreviousTitle } from './useRestorePreviousTitle';
+export { useDocumentTitle } from './useDocumentTitle';

frontend/src/hooks/useDocumentTitle.tsx

@@ -0,0 +1,15 @@
+import { useEffect, useState } from 'react';
+
+export const useDocumentTitle = (pageTitle: string) => {
+  const [previousTitle] = useState(document.title);
+
+  useEffect(() => {
+    document.title = pageTitle;
+  }, [pageTitle]);
+
+  useEffect(() => {
+    return () => {
+      document.title = previousTitle;
+    };
+  }, [previousTitle]);
+};

frontend/src/pages/entities/EntityAnalysisPage.tsx

@@ -5,11 +5,7 @@ import { Link, useParams } from 'react-router-dom';
 import { Box, Button, Container, Grid, Typography } from '@mui/material';
 
 import { LoaderWrapper } from 'src/components';
-import {
-  useCurrentPoll,
-  useLoginState,
-  useRestorePreviousTitle,
-} from 'src/hooks';
+import { useCurrentPoll, useLoginState, useDocumentTitle } from 'src/hooks';
 import {
   ApiError,
   PollsService,
@@ -106,8 +102,18 @@ const EntityAnalysisPage = () => {
   const [entity, setEntity] = useState<Recommendation>();
   const [isLoading, setIsLoading] = useState(true);
   const [apiError, setApiError] = useState<ApiError>();
+  const [pageTitle, setPageTitle] = useState('Tournesol');
 
-  useRestorePreviousTitle();
+  useDocumentTitle(pageTitle);
+
+  useEffect(() => {
+    if (entity) {
+      const title = createPageTitle(t, pollName, entity.entity);
+      if (title) {
+        setPageTitle(title);
+      }
+    }
+  }, [currentLang, entity, pollName, t]);
 
   const tryToCreateVideo = async () => {
     if (pollName !== YOUTUBE_POLL_NAME) {
@@ -148,11 +154,6 @@ const EntityAnalysisPage = () => {
       try {
         const entity = await getEntityWithPollStats();
         setEntity(entity);
-
-        const title = createPageTitle(t, pollName, entity.entity);
-        if (title) {
-          document.title = title;
-        }
       } catch (error) {
         const reason: ApiError = error;
         if (reason.status === 404 && createVideo) {