Fix fade in clsoing of performer card

src/pages/Archive.tsx

@@ -79,7 +79,7 @@ const Archive = () => {
             <CSSTransition
               in={expandedYears[year]}
               timeout={300}
-              classNames='heightTransition'
+              classNames='fadeTransition'
               unmountOnExit
             >
               <div className={styles.yearPerformersContent}>
@@ -109,18 +109,15 @@ const Archive = () => {
                       </div>
                       <CSSTransition
                         in={p.showDesc}
-                        timeout={1000}
+                        timeout={300}
                         classNames='fadeTransition'
+                        unmountOnExit
                       >
-                        {p.showDesc ? (
                         <div>
                           {p.paragraphs.map((parag, index) => (
                             <p key={index}>{parag.toString()}</p>
                           ))}
                         </div>
-                        ) : (
-                          <span></span>
-                        )}
                       </CSSTransition>
                       <hr />
                     </div>