Update SmallPortraitCard and SmallPortraitCardWithDialog to fix the fact that the individual popup were not rendered on /about/person page when entering the corresponding url.

Author: HaudinFlorence

src/components/about/SmallPortraitCard.tsx

@@ -4,10 +4,11 @@ import Avatar from "./Avatar";
 
 export function SmallPortraitCard({ person }) {
   const history = useHistory();
-  history.push("/about/");
 
   function openDialog () {
+    history.push("/about/");
     history.push("/about/" + person.firstName);
+
   };
 
   return (

src/components/about/SmallPortraitCardWithDialog.tsx

@@ -2,17 +2,15 @@ import styles from "./styles.module.css";
 import React from "react";
 import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
 import { useHistory } from "@docusaurus/router";
-import { useState } from "react";
 
 import LargePortraitCard from "./LargePortraitCard";
 import { SmallPortraitCard } from "./SmallPortraitCard";
 
 export function SmallPortraitCardWithDialog({ person }) {
   const history = useHistory();
 
-
   function closeDialog() {
-    history.goBack();
+    history.goBack()
   }
 
   return (
@@ -45,4 +43,4 @@ export function SmallPortraitCardWithDialog({ person }) {
       </div>
     </Router>
   );
-}
+}