fix détails

src/components/app.component.jsx

-
 import { useState, useEffect } from 'react';
 
 import '../assets/style/app.css';

src/components/person.component.jsx

-import { useState, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 
 import '../assets/style/person.css';
 

src/components/personListingController.component.jsx

@@ -8,40 +8,40 @@ import PersonListingControls from './personListingControls.component.jsx';
 const INITIAL_DELAY= 1000;
 
 const PersonListingController = ( props ) => {
-    const { persons, incrementAge } = props;
 
     const [ closed, setClosed ] = useState(false);
     const [ started, setStarted ] = useState(false);
     const [ delay, setDelay ] = useState(INITIAL_DELAY);
 
     const startStop = () => setStarted( previousStarted => ! previousStarted);
+
     const closeComponent = () =>  {
             setClosed(previousClosed => ! previousClosed);
             setStarted(false);
-        }
+    }
 
     const changeDelay = newDelay => setDelay(newDelay);
 
-     const buildPersonListing = () => {
+    const buildPersonListing = () => {
         if (closed)
-           return null;
+            return null;
         else
-           return (<PersonListing
-                       { ...props }
-                       delay={delay}
-                       started={started}
+            return (<PersonListing
+                        { ...props }   
+                        delay={delay}
+                        started={started}
                     />);
-     }
+    }
 
-     const buildListingControls = () => {
+    const buildListingControls = () => {
         return (<PersonListingControls
                     started={started}
                     closed={closed}
                     changeDelay={changeDelay}
                     closeAction={closeComponent}
                     startStop={startStop}
-                 />);
-     }
+                    />);
+    }
 
     return (
             <div className="controller">