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>
-                        )}
+                        <div>
+                          {p.paragraphs.map((parag, index) => (
+                            <p key={index}>{parag.toString()}</p>
+                          ))}
+                        </div>
                       </CSSTransition>
                       <hr />
                     </div>